Update DateTimePicker component with first and last dates

components/DateTimePicker.tsx

@@ -13,7 +13,8 @@ interface DateTimePickerProps {
   setDate: (date: Date) => void;
   side?: "left" | "top" | "right" | "bottom";
   disableFutureDates?: boolean;
-  endDate?: Date;
+  lastDate?: Date;
+  firstDate?: Date;
 }
 
 const DateTimePicker: React.FC<DateTimePickerProps> = ({
@@ -21,7 +22,8 @@ const DateTimePicker: React.FC<DateTimePickerProps> = ({
   setDate,
   side,
   disableFutureDates = true,
-  endDate,
+  lastDate,
+  firstDate,
 }) => {
   const handleSelect = (date: Date | undefined) => {
     if (date) {
@@ -39,8 +41,11 @@ const DateTimePicker: React.FC<DateTimePickerProps> = ({
 
   const disableFuture: Matcher | Matcher[] | undefined | any = (date: Date) => {
     if (disableFutureDates) {
-      if (endDate) {
-        return date > endDate || date < new Date("1900-01-01");
+      if (firstDate) {
+        return date < firstDate || date < new Date("1900-01-01");
+      }
+      if (lastDate) {
+        return date > lastDate || date < new Date("1900-01-01");
       }
       return date > new Date() || date < new Date("1900-01-01");
     }

components/Witnesses/VotesHistoryDialog.tsx

@@ -185,7 +185,7 @@ const VotesHistoryDialog: React.FC<VotersDialogProps> = ({
                   date={fromDate}
                   setDate={setFromDate}
                   side="bottom"
-                  endDate={toDate}
+                  lastDate={toDate}
                 />
               </div>
               <div>
@@ -194,6 +194,7 @@ const VotesHistoryDialog: React.FC<VotersDialogProps> = ({
                   date={toDate}
                   setDate={setToDate}
                   side="bottom"
+                  firstDate={fromDate}
                 />
               </div>
             </div>
@@ -273,7 +274,9 @@ const VotesHistoryDialog: React.FC<VotersDialogProps> = ({
                       <TableCell
                         className="text-right"
                         data-testid="current-voter-power"
-                      > {fetchHivePower(vote.vests.toString(), isHP)}
+                      >
+                        {" "}
+                        {fetchHivePower(vote.vests.toString(), isHP)}
                       </TableCell>
                     </TableRow>
                   ))}

components/searchRanges/SearchRanges.tsx

@@ -175,7 +175,7 @@ const SearchRanges: React.FC<SearchRangesProps> = ({
             <DateTimePicker
               date={startDate || new Date()}
               setDate={setStartDate}
-              endDate={endDate}
+              lastDate={endDate}
             />
           </div>
           <div className="flex flex-col w-full">
@@ -183,6 +183,7 @@ const SearchRanges: React.FC<SearchRangesProps> = ({
             <DateTimePicker
               date={endDate || new Date()}
               setDate={setEndDate}
+              firstDate={startDate}
             />
           </div>
         </div>