diff --git a/.changeset/datepicker-day-locale.md b/.changeset/datepicker-day-locale.md new file mode 100644 index 000000000..0e0074d69 --- /dev/null +++ b/.changeset/datepicker-day-locale.md @@ -0,0 +1,8 @@ +--- +"flowbite-react": patch +--- + +fix(datepicker): display raw day numbers for all locales + +Replace locale-formatted day labels with `Date.getDate()` to avoid +language-specific suffixes (e.g. "日" in Japanese) in calendar cells. diff --git a/packages/ui/src/components/Datepicker/Views/Days.tsx b/packages/ui/src/components/Datepicker/Views/Days.tsx index f91a0843f..af56074f4 100644 --- a/packages/ui/src/components/Datepicker/Views/Days.tsx +++ b/packages/ui/src/components/Datepicker/Views/Days.tsx @@ -5,7 +5,6 @@ import { useDatePickerContext } from "../DatepickerContext"; import { addDays, getFirstDayOfTheMonth, - getFormattedDate, getWeekDays, isDateEqual, isDateInRange, @@ -59,7 +58,7 @@ export function DatepickerViewsDays() {
{[...Array(42)].map((_date, index) => { const currentDate = addDays(startDate, index); - const day = getFormattedDate(language, currentDate, { day: "numeric" }); + const day = currentDate.getDate(); const isSelected = selectedDate && isDateEqual(selectedDate, currentDate); const isDisabled =