fix: mark today in outside days

schummar · Nov 30, 2022 · c5b9f6e · c5b9f6e
1 parent 8d7059c
commit c5b9f6e
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/datePicker.tsx b/src/components/datePicker.tsx
@@ -110,6 +110,7 @@ export function DatePicker({
     onOffsetChanged: (offset) => setDateInView(new Date(dateInView.getFullYear(), dateInView.getMonth() + offset)),
     offset: 0,
   });
+  const now = useMemo(() => startOfDay(new Date()), []);
 
   const formatWeekday = useMemo(() => {
     const { format } = new Intl.DateTimeFormat(locale, { weekday: 'short' });
@@ -215,7 +216,8 @@ export function DatePicker({
                   return <div />;
                 }
 
-                const { prevMonth, nextMonth, date, today } = dateObj;
+                const { prevMonth, nextMonth, date } = dateObj;
+                const today = startOfDay(date).getTime() === now.getTime();
 
                 const selected = date.getTime() === min?.getTime() || (min && max && dateIntersect(date, { min, max }));
                 const preSelected =