@puzzle-ui/ui 0.0.0-stage → 0.1.0

package/dist/components/forms/date-picker/date-picker.css

@@ -0,0 +1,478 @@
+.puzzle-date-picker {
+  --puzzle-date-picker-height: 2.5rem;
+  --puzzle-date-picker-padding: var(--puzzle-space-3, .75rem);
+  --puzzle-date-picker-font-size: var(--puzzle-font-size-sm, .875rem);
+  gap: var(--puzzle-space-1, .25rem);
+  min-width: 0;
+  color: var(--puzzle-color-text);
+  flex-direction: column;
+  font-family: inherit;
+  display: inline-flex;
+}
+
+.puzzle-date-picker[data-size-mobile="sm"] {
+  --puzzle-date-picker-height: 2rem;
+  --puzzle-date-picker-padding: var(--puzzle-space-2, .5rem);
+  --puzzle-date-picker-font-size: var(--puzzle-font-size-xs, .75rem);
+}
+
+.puzzle-date-picker[data-size-mobile="md"] {
+  --puzzle-date-picker-height: 2.5rem;
+  --puzzle-date-picker-padding: var(--puzzle-space-3, .75rem);
+  --puzzle-date-picker-font-size: var(--puzzle-font-size-sm, .875rem);
+}
+
+.puzzle-date-picker[data-size-mobile="lg"] {
+  --puzzle-date-picker-height: 3rem;
+  --puzzle-date-picker-padding: var(--puzzle-space-4, 1rem);
+  --puzzle-date-picker-font-size: var(--puzzle-font-size-base, 1rem);
+}
+
+@media (width >= 768px) {
+  .puzzle-date-picker[data-size-tablet="sm"] {
+    --puzzle-date-picker-height: 2rem;
+    --puzzle-date-picker-padding: var(--puzzle-space-2, .5rem);
+    --puzzle-date-picker-font-size: var(--puzzle-font-size-xs, .75rem);
+  }
+
+  .puzzle-date-picker[data-size-tablet="md"] {
+    --puzzle-date-picker-height: 2.5rem;
+    --puzzle-date-picker-padding: var(--puzzle-space-3, .75rem);
+    --puzzle-date-picker-font-size: var(--puzzle-font-size-sm, .875rem);
+  }
+
+  .puzzle-date-picker[data-size-tablet="lg"] {
+    --puzzle-date-picker-height: 3rem;
+    --puzzle-date-picker-padding: var(--puzzle-space-4, 1rem);
+    --puzzle-date-picker-font-size: var(--puzzle-font-size-base, 1rem);
+  }
+
+  .puzzle-date-picker[data-full-width-tablet="true"] {
+    width: 100%;
+  }
+
+  .puzzle-date-picker[data-full-width-tablet="false"] {
+    width: auto;
+  }
+}
+
+@media (width >= 1024px) {
+  .puzzle-date-picker[data-size-desktop="sm"] {
+    --puzzle-date-picker-height: 2rem;
+    --puzzle-date-picker-padding: var(--puzzle-space-2, .5rem);
+    --puzzle-date-picker-font-size: var(--puzzle-font-size-xs, .75rem);
+  }
+
+  .puzzle-date-picker[data-size-desktop="md"] {
+    --puzzle-date-picker-height: 2.5rem;
+    --puzzle-date-picker-padding: var(--puzzle-space-3, .75rem);
+    --puzzle-date-picker-font-size: var(--puzzle-font-size-sm, .875rem);
+  }
+
+  .puzzle-date-picker[data-size-desktop="lg"] {
+    --puzzle-date-picker-height: 3rem;
+    --puzzle-date-picker-padding: var(--puzzle-space-4, 1rem);
+    --puzzle-date-picker-font-size: var(--puzzle-font-size-base, 1rem);
+  }
+
+  .puzzle-date-picker[data-full-width-desktop="true"] {
+    width: 100%;
+  }
+
+  .puzzle-date-picker[data-full-width-desktop="false"] {
+    width: auto;
+  }
+}
+
+.puzzle-date-picker[data-full-width-mobile="true"] {
+  width: 100%;
+}
+
+.puzzle-date-picker__label {
+  color: var(--puzzle-color-text);
+  font-size: var(--puzzle-font-size-sm, .875rem);
+  font-weight: var(--puzzle-font-weight-medium, 500);
+  line-height: var(--puzzle-font-line-height-body2, 1.4);
+  display: block;
+}
+
+.puzzle-date-picker__required {
+  color: var(--puzzle-color-danger);
+  margin-inline-start: .2em;
+}
+
+.puzzle-date-picker__control {
+  align-items: center;
+  gap: var(--puzzle-space-1, .25rem);
+  width: 100%;
+  min-width: 0;
+  display: flex;
+}
+
+.puzzle-date-picker__trigger {
+  box-sizing: border-box;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--puzzle-space-2, .5rem);
+  width: 100%;
+  min-width: 0;
+  min-height: var(--puzzle-date-picker-height);
+  padding-inline: var(--puzzle-date-picker-padding);
+  border: 1px solid var(--puzzle-color-border);
+  border-radius: var(--puzzle-radius-md, .5rem);
+  color: var(--puzzle-color-text);
+  background: var(--puzzle-color-surface);
+  font: inherit;
+  font-size: var(--puzzle-date-picker-font-size);
+  line-height: var(--puzzle-font-line-height-body2, 1.4);
+  text-align: start;
+  cursor: pointer;
+  transition: background-color var(--puzzle-duration-fast, .15s) ease,
+        border-color var(--puzzle-duration-fast, .15s) ease,
+        box-shadow var(--puzzle-duration-fast, .15s) ease;
+  flex: auto;
+  display: inline-flex;
+}
+
+.puzzle-date-picker__trigger:hover:not(:disabled) {
+  border-color: var(--puzzle-color-border-strong, var(--puzzle-color-border));
+}
+
+.puzzle-date-picker[data-open="true"] .puzzle-date-picker__trigger {
+  border-color: var(--puzzle-color-primary);
+}
+
+.puzzle-date-picker__trigger:focus-visible {
+  outline: 2px solid var(--puzzle-color-ring);
+  outline-offset: 2px;
+}
+
+.puzzle-date-picker[data-invalid="true"] .puzzle-date-picker__trigger {
+  border-color: var(--puzzle-color-danger);
+}
+
+.puzzle-date-picker[data-invalid="true"] .puzzle-date-picker__trigger:focus-visible {
+  outline-color: var(--puzzle-color-danger);
+}
+
+.puzzle-date-picker__value {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: auto;
+  min-width: 0;
+  display: block;
+  overflow: hidden;
+}
+
+.puzzle-date-picker__placeholder {
+  color: var(--puzzle-color-text-muted);
+}
+
+.puzzle-date-picker__calendar-icon {
+  opacity: .7;
+  border: 1.5px solid;
+  border-radius: .2rem;
+  flex: 0 0 1rem;
+  width: 1rem;
+  height: 1rem;
+  display: block;
+  position: relative;
+}
+
+.puzzle-date-picker__calendar-icon:before {
+  top: .25rem;
+  content: "";
+  background: currentColor;
+  height: 1.5px;
+  position: absolute;
+  inset-inline: 0;
+}
+
+.puzzle-date-picker__calendar-icon:after {
+  top: -.2rem;
+  content: "";
+  border-inline: 1.5px solid;
+  height: .35rem;
+  position: absolute;
+  inset-inline: .2rem;
+}
+
+.puzzle-popout__content.puzzle-date-picker__popover {
+  box-sizing: border-box;
+  width: 19rem;
+  max-width: calc(100vw - 1rem);
+  padding: var(--puzzle-space-3, .75rem);
+  overflow: visible;
+}
+
+.puzzle-date-picker__calendar {
+  gap: var(--puzzle-space-3, .75rem);
+  min-width: 0;
+  color: var(--puzzle-color-text);
+  font-size: var(--puzzle-font-size-sm, .875rem);
+  flex-direction: column;
+  display: flex;
+}
+
+.puzzle-date-picker__header {
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--puzzle-space-2, .5rem);
+  display: flex;
+}
+
+.puzzle-date-picker__month {
+  min-width: 0;
+  color: var(--puzzle-color-text);
+  font-size: var(--puzzle-font-size-base, 1rem);
+  font-weight: var(--puzzle-font-weight-semibold, 600);
+  text-align: center;
+  text-transform: capitalize;
+  flex: auto;
+}
+
+.puzzle-date-picker__navigation {
+  box-sizing: border-box;
+  border-radius: var(--puzzle-radius-md, .5rem);
+  width: 2rem;
+  height: 2rem;
+  color: var(--puzzle-color-text);
+  cursor: pointer;
+  transition: background-color var(--puzzle-duration-fast, .15s) ease,
+        color var(--puzzle-duration-fast, .15s) ease;
+  background: none;
+  border: 1px solid #0000;
+  flex: 0 0 2rem;
+  place-items: center;
+  padding: 0;
+  font-family: inherit;
+  font-size: 1.5rem;
+  line-height: 1;
+  display: grid;
+}
+
+.puzzle-date-picker__navigation:hover:not(:disabled) {
+  background: var(--puzzle-color-surface-sunken);
+}
+
+.puzzle-date-picker__navigation:focus-visible {
+  outline: 2px solid var(--puzzle-color-ring);
+  outline-offset: 2px;
+}
+
+.puzzle-date-picker__navigation:disabled {
+  opacity: .35;
+  cursor: not-allowed;
+}
+
+.puzzle-date-picker__grid {
+  border-collapse: separate;
+  border-spacing: 0 .125rem;
+  table-layout: fixed;
+  width: 100%;
+}
+
+.puzzle-date-picker__grid th {
+  height: 2rem;
+  color: var(--puzzle-color-text-muted);
+  font-size: var(--puzzle-font-size-xs, .75rem);
+  font-weight: var(--puzzle-font-weight-medium, 500);
+  text-align: center;
+  padding: 0;
+}
+
+.puzzle-date-picker__cell {
+  text-align: center;
+  height: 2.25rem;
+  padding: 0;
+}
+
+.puzzle-date-picker__day {
+  box-sizing: border-box;
+  border-radius: var(--puzzle-radius-md, .5rem);
+  width: 100%;
+  height: 2.25rem;
+  color: var(--puzzle-color-text);
+  font-family: inherit;
+  font-size: var(--puzzle-font-size-sm, .875rem);
+  font-weight: var(--puzzle-font-weight-normal, 400);
+  cursor: pointer;
+  user-select: none;
+  transition: background-color var(--puzzle-duration-fast, .15s) ease,
+        border-color var(--puzzle-duration-fast, .15s) ease,
+        color var(--puzzle-duration-fast, .15s) ease;
+  background: none;
+  border: 1px solid #0000;
+  place-items: center;
+  padding: 0;
+  line-height: 1;
+  display: grid;
+}
+
+.puzzle-date-picker__day:hover:not(:disabled):not([data-selected="true"]) {
+  background: var(--puzzle-color-surface-sunken);
+}
+
+.puzzle-date-picker__day:focus-visible {
+  z-index: 1;
+  outline: 2px solid var(--puzzle-color-ring);
+  outline-offset: -2px;
+  position: relative;
+}
+
+.puzzle-date-picker__day[data-today="true"] {
+  border-color: var(--puzzle-color-primary);
+  font-weight: var(--puzzle-font-weight-semibold, 600);
+}
+
+.puzzle-date-picker__day[data-selected="true"] {
+  border-color: var(--puzzle-color-primary);
+  color: var(--puzzle-color-primary-foreground);
+  background: var(--puzzle-color-primary);
+  font-weight: var(--puzzle-font-weight-semibold, 600);
+}
+
+.puzzle-date-picker__day[data-outside-month="true"] {
+  color: var(--puzzle-color-text-muted);
+  opacity: .65;
+}
+
+.puzzle-date-picker__day[data-selected="true"][data-outside-month="true"] {
+  color: var(--puzzle-color-primary-foreground);
+  opacity: 1;
+}
+
+.puzzle-date-picker__day:disabled {
+  color: var(--puzzle-color-text-subtle);
+  opacity: .35;
+  cursor: not-allowed;
+}
+
+.puzzle-date-picker__empty {
+  padding: var(--puzzle-space-2, .5rem);
+  color: var(--puzzle-color-text-muted);
+  font-size: var(--puzzle-font-size-sm, .875rem);
+  text-align: center;
+}
+
+.puzzle-date-picker__footer {
+  padding-top: var(--puzzle-space-2, .5rem);
+  border-top: 1px solid var(--puzzle-color-border);
+  justify-content: flex-end;
+  display: flex;
+}
+
+.puzzle-date-picker__today {
+  min-height: 2rem;
+  padding-inline: var(--puzzle-space-2, .5rem);
+  border-radius: var(--puzzle-radius-sm, .25rem);
+  color: var(--puzzle-color-primary);
+  font-family: inherit;
+  font-size: var(--puzzle-font-size-sm, .875rem);
+  font-weight: var(--puzzle-font-weight-medium, 500);
+  cursor: pointer;
+  background: none;
+  border: 1px solid #0000;
+}
+
+.puzzle-date-picker__today:hover:not(:disabled) {
+  background: var(--puzzle-color-surface-sunken);
+}
+
+.puzzle-date-picker__today:focus-visible {
+  outline: 2px solid var(--puzzle-color-ring);
+  outline-offset: 2px;
+}
+
+.puzzle-date-picker__today:disabled {
+  opacity: .4;
+  cursor: not-allowed;
+}
+
+.puzzle-date-picker__clear {
+  box-sizing: border-box;
+  flex: 0 0 var(--puzzle-date-picker-height);
+  width: var(--puzzle-date-picker-height);
+  height: var(--puzzle-date-picker-height);
+  border: 1px solid var(--puzzle-color-border);
+  border-radius: var(--puzzle-radius-md, .5rem);
+  color: var(--puzzle-color-text-muted);
+  background: var(--puzzle-color-surface);
+  cursor: pointer;
+  place-items: center;
+  padding: 0;
+  font-family: inherit;
+  font-size: 1.25rem;
+  line-height: 1;
+  display: grid;
+}
+
+.puzzle-date-picker__clear:hover:not(:disabled) {
+  color: var(--puzzle-color-text);
+  background: var(--puzzle-color-surface-sunken);
+}
+
+.puzzle-date-picker__clear:focus-visible {
+  outline: 2px solid var(--puzzle-color-ring);
+  outline-offset: 2px;
+}
+
+.puzzle-date-picker__clear:disabled {
+  opacity: .5;
+  cursor: not-allowed;
+}
+
+.puzzle-date-picker__description, .puzzle-date-picker__error {
+  font-size: var(--puzzle-font-size-xs, .75rem);
+  line-height: var(--puzzle-font-line-height-caption, 1.4);
+}
+
+.puzzle-date-picker__description {
+  color: var(--puzzle-color-text-muted);
+}
+
+.puzzle-date-picker__error {
+  color: var(--puzzle-color-danger);
+}
+
+.puzzle-date-picker[data-disabled="true"] .puzzle-date-picker__trigger {
+  color: var(--puzzle-color-text-muted);
+  background: var(--puzzle-color-surface-sunken);
+  opacity: .6;
+  cursor: not-allowed;
+}
+
+.puzzle-date-picker__native {
+  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .puzzle-date-picker__trigger, .puzzle-date-picker__navigation, .puzzle-date-picker__day {
+    transition: none;
+  }
+}
+
+@media (forced-colors: active) {
+  .puzzle-date-picker__day[data-selected="true"] {
+    color: highlighttext;
+    background: highlight;
+    border: 2px solid highlight;
+  }
+
+  .puzzle-date-picker__day[data-today="true"]:not([data-selected="true"]) {
+    border: 2px solid buttontext;
+  }
+
+  .puzzle-date-picker__day:focus-visible, .puzzle-date-picker__trigger:focus-visible {
+    outline: 2px solid highlight;
+  }
+}

package/dist/components/forms/date-picker/date-picker.types.d.cts

@@ -0,0 +1,75 @@
+import { PopoutAlignment, PopoutPosition } from "../../overlays/popout/index.cjs";
+import { ButtonHTMLAttributes, ReactNode } from "react";
+import { ResponsiveValue } from "@puzzle-ui/core";
+type DatePickerSize = "sm" | "md" | "lg";
+type DatePickerProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "value" | "defaultValue" | "onChange" | "disabled" | "form" | "name" | "size" | "type"> & {
+  /** Selected date. Use null to represent an empty value. */
+  value?: Date | null;
+  /** Initial selected date for uncontrolled usage. */
+  defaultValue?: Date | null;
+  /** Called whenever the selected date changes. */
+  onChange?: (value: Date | null) => void;
+  /** Visible field label. */
+  label?: ReactNode;
+  /** Text displayed when no date is selected. */
+  placeholder?: ReactNode;
+  /** Supporting text displayed below the control. */
+  description?: ReactNode;
+  /** Validation error. Set to true to use the default message. */
+  error?: ReactNode | boolean;
+  /** Disables the entire control. */
+  disabled?: boolean;
+  /** Marks the date field as required. */
+  required?: boolean;
+  /** Allows the selected date to be cleared. */
+  clearable?: boolean;
+  /** Accessible name of the clear button. */
+  clearLabel?: string;
+  /** Name used for native form submission. */
+  name?: string;
+  /** Form ID for native form association. */
+  form?: string;
+  /** Earliest selectable date, inclusive. */
+  minDate?: Date;
+  /** Latest selectable date, inclusive. */
+  maxDate?: Date;
+  /** Explicitly disabled dates. */
+  disabledDates?: readonly Date[];
+  /** Custom date availability callback. */
+  shouldDisableDate?: (date: Date) => boolean;
+  /** Locale used for formatting and calendar labels. */
+  locale?: string;
+  /** First day of the week. Sunday = 0, Monday = 1, etc. */
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  /** Custom format for the selected date. */
+  dateFormat?: Intl.DateTimeFormatOptions;
+  /** Responsive trigger size. */
+  size?: ResponsiveValue<DatePickerSize>;
+  /** Responsive full-width layout. */
+  fullWidth?: ResponsiveValue<boolean>;
+  /** Controls the calendar visibility. */
+  open?: boolean;
+  /** Initial calendar visibility. */
+  defaultOpen?: boolean;
+  /** Called whenever the calendar visibility changes. */
+  onOpenChange?: (open: boolean) => void;
+  /** Calendar placement. */
+  position?: PopoutPosition;
+  /** Calendar alignment. */
+  align?: PopoutAlignment;
+  /** Distance between the trigger and calendar. */
+  offset?: number;
+  /** Minimum distance from viewport edges. */
+  collisionPadding?: number;
+  /** Accessible name of the calendar dialog. */
+  calendarLabel?: string;
+  /** Accessible label for the previous-month button. */
+  previousMonthLabel?: string;
+  /** Accessible label for the next-month button. */
+  nextMonthLabel?: string;
+  /** Additional class applied to the outer field. */
+  rootClassName?: string;
+  /** Additional class applied to the calendar popover. */
+  popoverClassName?: string;
+};
+export type { DatePickerProps, DatePickerSize };

package/dist/components/forms/date-picker/date-picker.types.d.ts

@@ -0,0 +1,75 @@
+import { PopoutAlignment, PopoutPosition } from "../../overlays/popout/index.js";
+import { ResponsiveValue } from "@puzzle-ui/core";
+import { ButtonHTMLAttributes, ReactNode } from "react";
+type DatePickerSize = "sm" | "md" | "lg";
+type DatePickerProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "value" | "defaultValue" | "onChange" | "disabled" | "form" | "name" | "size" | "type"> & {
+  /** Selected date. Use null to represent an empty value. */
+  value?: Date | null;
+  /** Initial selected date for uncontrolled usage. */
+  defaultValue?: Date | null;
+  /** Called whenever the selected date changes. */
+  onChange?: (value: Date | null) => void;
+  /** Visible field label. */
+  label?: ReactNode;
+  /** Text displayed when no date is selected. */
+  placeholder?: ReactNode;
+  /** Supporting text displayed below the control. */
+  description?: ReactNode;
+  /** Validation error. Set to true to use the default message. */
+  error?: ReactNode | boolean;
+  /** Disables the entire control. */
+  disabled?: boolean;
+  /** Marks the date field as required. */
+  required?: boolean;
+  /** Allows the selected date to be cleared. */
+  clearable?: boolean;
+  /** Accessible name of the clear button. */
+  clearLabel?: string;
+  /** Name used for native form submission. */
+  name?: string;
+  /** Form ID for native form association. */
+  form?: string;
+  /** Earliest selectable date, inclusive. */
+  minDate?: Date;
+  /** Latest selectable date, inclusive. */
+  maxDate?: Date;
+  /** Explicitly disabled dates. */
+  disabledDates?: readonly Date[];
+  /** Custom date availability callback. */
+  shouldDisableDate?: (date: Date) => boolean;
+  /** Locale used for formatting and calendar labels. */
+  locale?: string;
+  /** First day of the week. Sunday = 0, Monday = 1, etc. */
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  /** Custom format for the selected date. */
+  dateFormat?: Intl.DateTimeFormatOptions;
+  /** Responsive trigger size. */
+  size?: ResponsiveValue<DatePickerSize>;
+  /** Responsive full-width layout. */
+  fullWidth?: ResponsiveValue<boolean>;
+  /** Controls the calendar visibility. */
+  open?: boolean;
+  /** Initial calendar visibility. */
+  defaultOpen?: boolean;
+  /** Called whenever the calendar visibility changes. */
+  onOpenChange?: (open: boolean) => void;
+  /** Calendar placement. */
+  position?: PopoutPosition;
+  /** Calendar alignment. */
+  align?: PopoutAlignment;
+  /** Distance between the trigger and calendar. */
+  offset?: number;
+  /** Minimum distance from viewport edges. */
+  collisionPadding?: number;
+  /** Accessible name of the calendar dialog. */
+  calendarLabel?: string;
+  /** Accessible label for the previous-month button. */
+  previousMonthLabel?: string;
+  /** Accessible label for the next-month button. */
+  nextMonthLabel?: string;
+  /** Additional class applied to the outer field. */
+  rootClassName?: string;
+  /** Additional class applied to the calendar popover. */
+  popoverClassName?: string;
+};
+export type { DatePickerProps, DatePickerSize };

package/dist/components/forms/date-picker/date-picker.utils.cjs

@@ -0,0 +1,76 @@
+// src/components/forms/date-picker/date-picker.utils.ts
+const isValidDate = (date) => date instanceof Date && Number.isFinite(date.getTime());
+const startOfDay = (date) => new Date(date.getFullYear(), date.getMonth(), date.getDate());
+const startOfMonth = (date) => new Date(date.getFullYear(), date.getMonth(), 1);
+const addDays = (date, amount) => new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount);
+const addMonths = (date, amount) => {
+	const day = date.getDate();
+	const target = new Date(date.getFullYear(), date.getMonth() + amount, 1);
+	const lastDay = new Date(target.getFullYear(), target.getMonth() + 1, 0).getDate();
+	return new Date(target.getFullYear(), target.getMonth(), Math.min(day, lastDay));
+};
+const addYears = (date, amount) => addMonths(date, amount * 12);
+const toDateKey = (date) => {
+	return `${String(date.getFullYear()).padStart(4, "0")}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
+};
+const isSameDay = (first, second) => first.getFullYear() === second.getFullYear() && first.getMonth() === second.getMonth() && first.getDate() === second.getDate();
+const isSameMonth = (first, second) => first.getFullYear() === second.getFullYear() && first.getMonth() === second.getMonth();
+const getCalendarDays = (month, weekStartsOn) => {
+	const firstDay = startOfMonth(month);
+	const offset = (firstDay.getDay() - weekStartsOn + 7) % 7;
+	const calendarStart = addDays(firstDay, -offset);
+	return Array.from({ length: 42 }, (_, index) => {
+		const date = addDays(calendarStart, index);
+		return {
+			date,
+			key: toDateKey(date),
+			outsideMonth: !isSameMonth(date, month)
+		};
+	});
+};
+const getLastDayOfMonth = (date) => new Date(date.getFullYear(), date.getMonth() + 1, 0);
+const sundayRegions = [
+	"US",
+	"CA",
+	"JP",
+	"KR",
+	"TW",
+	"TH",
+	"PH",
+	"BR",
+	"CO",
+	"MX"
+];
+const getLocaleWeekStartsOn = (locale) => {
+	try {
+		const Locale = Intl.Locale;
+		if (Locale) {
+			const localeInfo = new Locale(locale);
+			const firstDay = localeInfo.getWeekInfo?.().firstDay ?? localeInfo.weekInfo?.firstDay;
+			if (firstDay !== void 0) return firstDay % 7;
+		}
+	} catch {
+		const region = locale.split("-").find((part) => /^[A-Z]{2}$/.test(part));
+		return region && sundayRegions.includes(region) ? 0 : 1;
+	}
+	return 0;
+};
+const getWeekdayDates = (weekStartsOn) => {
+	const sunday = new Date(2024, 0, 7);
+	return Array.from({ length: 7 }, (_, index) => addDays(sunday, weekStartsOn + index));
+};
+exports.addDays = addDays;
+exports.addMonths = addMonths;
+exports.addYears = addYears;
+exports.getCalendarDays = getCalendarDays;
+exports.getLastDayOfMonth = getLastDayOfMonth;
+exports.getLocaleWeekStartsOn = getLocaleWeekStartsOn;
+exports.getWeekdayDates = getWeekdayDates;
+exports.isSameDay = isSameDay;
+exports.isSameMonth = isSameMonth;
+exports.isValidDate = isValidDate;
+exports.startOfDay = startOfDay;
+exports.startOfMonth = startOfMonth;
+exports.toDateKey = toDateKey;
+
+//# sourceMappingURL=date-picker.utils.cjs.map