diff --git a/.changeset/curly-turtles-carry.md b/.changeset/curly-turtles-carry.md new file mode 100644 index 0000000000..6dc376c612 --- /dev/null +++ b/.changeset/curly-turtles-carry.md @@ -0,0 +1,5 @@ +--- +"flowbite-react": patch +--- + +add theme option for today in datepicker diff --git a/packages/ui/src/components/Datepicker/Views/Days.tsx b/packages/ui/src/components/Datepicker/Views/Days.tsx index 007695cbe2..f91a0843fa 100644 --- a/packages/ui/src/components/Datepicker/Views/Days.tsx +++ b/packages/ui/src/components/Datepicker/Views/Days.tsx @@ -9,6 +9,7 @@ import { getWeekDays, isDateEqual, isDateInRange, + isDateToday, Views, } from "../helpers"; @@ -23,6 +24,7 @@ export interface DatepickerViewsDaysTheme { base: string; selected: string; disabled: string; + today: string; }; }; } @@ -62,6 +64,7 @@ export function DatepickerViewsDays() { const isSelected = selectedDate && isDateEqual(selectedDate, currentDate); const isDisabled = !isDateInRange(currentDate, minDate, maxDate) || (filterDate && !filterDate(currentDate, Views.Days)); + const isToday = isDateToday(currentDate); return (