@startdownnotez404/ui 1.3.5 → 1.3.6

package/dist/datePicker.d.mts

@@ -1,10 +1,214 @@
 import React from 'react';
-import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
+import { Dayjs } from 'dayjs';
+import Box from '@mui/material/Box';
 
-declare const MuiXDatePicker: React.FC<React.ComponentProps<typeof DatePicker>>;
+type MuiXDatePickerProps = {
+    /** Controlled value (Dayjs, Date, or null). Prefer this in forms/stories. */
+    value?: Dayjs | Date | string | null;
+    /** Uncontrolled initial value when `value` is omitted. */
+    defaultValue?: Dayjs | Date | string | null;
+    /**
+     * Called with Dayjs | null (same shape as MUI DatePicker) so UseForm DateField
+     * can keep using `d?.toDate?.()`.
+     */
+    onChange?: (value: Dayjs | null) => void;
+    label?: string;
+    disabled?: boolean;
+    /** Override display format (default `MM/DD/YYYY`). */
+    format?: string;
+    /** Optional sx for the outer field wrapper. */
+    sx?: React.ComponentProps<typeof Box>['sx'];
+    /**
+     * When true, the trigger field stays read-only (calendar-only).
+     * Default false — user can type a date string and commit on blur/Enter.
+     */
+    disableTyping?: boolean;
+    /**
+     * Legacy passthrough kept for UseForm slotProps compatibility.
+     * `textField` bits are applied to the trigger field.
+     */
+    slotProps?: {
+        textField?: Record<string, unknown>;
+        openPickerIcon?: Record<string, unknown>;
+        actionBar?: Record<string, unknown>;
+    };
+};
+/**
+ * Soft/quiet DatePicker with a typeable trigger field.
+ *
+ * Trigger text is editable by default (commit on blur/Enter). Calendar icon
+ * opens the DateCalendar popover; focusing/typing the field does not.
+ * Pass `disableTyping` for read-only calendar-only mode.
+ *
+ * Invalid typed input reverts to the last committed label.
+ * Escape cancels the edit without committing.
+ */
+declare const MuiXDatePicker: React.FC<MuiXDatePickerProps>;
+
+type MuiXDateTimePickerProps = {
+    /** Controlled value (Dayjs, Date, or null). Prefer this in forms/stories. */
+    value?: Dayjs | Date | string | null;
+    /** Uncontrolled initial value when `value` is omitted. */
+    defaultValue?: Dayjs | Date | string | null;
+    /**
+     * Called with Dayjs | null (same shape as MUI DateTimePicker) so UseForm
+     * DateTimeField can keep using `d?.toDate?.()`.
+     */
+    onChange?: (value: Dayjs | null) => void;
+    label?: string;
+    disabled?: boolean;
+    /** 12h + am/pm when true (default). When false, display/parse as `HH:mm`. */
+    ampm?: boolean;
+    /** Override display format (default `MM/DD/YYYY hh:mm a` or 24h variant). */
+    format?: string;
+    /** Optional sx for the outer field wrapper. */
+    sx?: React.ComponentProps<typeof Box>['sx'];
+    /**
+     * When true, the trigger field stays read-only (calendar-only).
+     * Default false — user can type a datetime string and commit on blur/Enter.
+     */
+    disableTyping?: boolean;
+    /**
+     * Legacy passthrough kept for UseForm slotProps compatibility.
+     * `textField` bits are applied to the trigger field.
+     */
+    slotProps?: {
+        textField?: Record<string, unknown>;
+        openPickerIcon?: Record<string, unknown>;
+        actionBar?: Record<string, unknown>;
+    };
+};
+/**
+ * Soft/quiet DateTimePicker with a typeable trigger field.
+ *
+ * Trigger text is editable by default (commit on blur/Enter). Calendar icon
+ * opens the date+time popover; focusing/typing the field does not.
+ * Pass `disableTyping` for read-only calendar-only mode.
+ *
+ * Invalid typed input reverts to the last committed label.
+ * Escape cancels the edit without committing.
+ */
+declare const MuiXDateTimePicker: React.FC<MuiXDateTimePickerProps>;
+
+type MuiXTimePickerProps = {
+    /** Controlled value (Dayjs, Date, or null). Prefer this in forms/stories. */
+    value?: Dayjs | Date | string | null;
+    /** Uncontrolled initial value when `value` is omitted. */
+    defaultValue?: Dayjs | Date | string | null;
+    /**
+     * Called with Dayjs | null (same shape as MUI TimePicker) so UseForm TimeField
+     * can keep using `d?.toDate?.()`.
+     */
+    onChange?: (value: Dayjs | null) => void;
+    label?: string;
+    disabled?: boolean;
+    /** 12h + am/pm when true (default). When false, display/parse as `HH:mm`. */
+    ampm?: boolean;
+    /** Override display format (default `hh:mm a` or `HH:mm` when ampm=false). */
+    format?: string;
+    /** Optional sx for the outer field wrapper. */
+    sx?: React.ComponentProps<typeof Box>['sx'];
+    /**
+     * When true, the trigger field stays read-only (clock-only).
+     * Default false — user can type a time string and commit on blur/Enter.
+     */
+    disableTyping?: boolean;
+    /**
+     * Legacy passthrough kept for UseForm slotProps compatibility.
+     * `textField` bits are applied to the trigger field.
+     */
+    slotProps?: {
+        textField?: Record<string, unknown>;
+        openPickerIcon?: Record<string, unknown>;
+        actionBar?: Record<string, unknown>;
+    };
+};
+/**
+ * Soft/quiet TimePicker with a typeable trigger field.
+ *
+ * Trigger text is editable by default (commit on blur/Enter). Clock icon opens
+ * the multi-section digital clock popover; focusing/typing the field does not.
+ * Pass `disableTyping` for read-only clock-only mode.
+ *
+ * Invalid typed input (e.g. `04:15 aa`) reverts to the last committed label.
+ * Escape cancels the edit without committing.
+ */
+declare const MuiXTimePicker: React.FC<MuiXTimePickerProps>;
 
-declare const MuiXDateTimePicker: React.FC<React.ComponentProps<typeof DateTimePicker>>;
+type DateRangeValue = {
+    start: Date | null;
+    end: Date | null;
+};
+type MuiXDateRangePickerProps = {
+    /** Controlled value. Prefer this in forms/stories. */
+    value?: DateRangeValue;
+    /** Uncontrolled initial value when `value` is omitted. */
+    defaultValue?: DateRangeValue;
+    onChange?: (value: DateRangeValue) => void;
+    /** Combined field label (defaults to start/end labels joined). */
+    label?: string;
+    startLabel?: string;
+    endLabel?: string;
+    disabled?: boolean;
+    /** Optional sx for the outer field wrapper. */
+    sx?: React.ComponentProps<typeof Box>['sx'];
+    /**
+     * Show the Trip.com-style endorsement chip when both ends are set.
+     * Defaults to true (chip appears once start + end are non-null).
+     * Pass false to hide entirely.
+     */
+    showEndorsement?: boolean;
+    /**
+     * Custom chip label. String always shows that text when both ends are set.
+     * Function receives `{ start, end }` and may return `string | null` (`null` hides).
+     * When omitted, uses the built-in night/day formatter (`endorsementUnit`).
+     */
+    endorsement?: string | ((range: {
+        start: Date;
+        end: Date;
+    }) => string | null);
+    /**
+     * Unit for the default formatter.
+     * - `nights` (default): `end.diff(start, 'day')` -> "N night(s)" (hotel-style)
+     * - `days`: `end.diff(start, 'day') + 1` -> "N day(s)" (inclusive calendar days)
+     */
+    endorsementUnit?: 'nights' | 'days';
+    /**
+     * Legacy passthrough kept for UseForm slotProps compatibility.
+     * `start` / `end` textField bits are lightly applied to the single trigger field.
+     */
+    slotProps?: {
+        start?: {
+            slotProps?: {
+                textField?: Record<string, unknown>;
+            };
+            disabled?: boolean;
+        };
+        end?: {
+            slotProps?: {
+                textField?: Record<string, unknown>;
+            };
+            disabled?: boolean;
+        };
+    };
+    /**
+     * When true, the trigger field stays read-only (calendar-only).
+     * Default false — user can type a range string and commit on blur/Enter.
+     */
+    disableTyping?: boolean;
+};
+/**
+ * Free (non-Pro) date range: single field + dual-month booking calendar popover.
+ *
+ * Value shape: `{ start: Date | null; end: Date | null }` — null halves are OK.
+ * When both halves are set and start > end, they are swapped so the range is
+ * always ordered (start ≤ end).
+ *
+ * Trigger text is editable by default (commit on blur/Enter). Calendar icon
+ * opens the popover; focusing/typing the field does not. Pass `disableTyping`
+ * for read-only calendar-only mode.
+ */
+declare const MuiXDateRangePicker: React.FC<MuiXDateRangePickerProps>;
 
 declare const datePickerTheme: {
     readonly defaultProps: {
@@ -36,6 +240,21 @@ declare const dateTimePickerTheme: {
         };
     };
 };
+declare const timePickerTheme: {
+    readonly defaultProps: {
+        readonly slotProps: {
+            readonly popper: {
+                readonly sx: {
+                    readonly "& .MuiPaper-root": {
+                        readonly borderRadius: "20px";
+                        readonly background: "var(--mui-palette-background-default)";
+                        readonly border: "solid 1px var(--mui-palette-border-1)";
+                    };
+                };
+            };
+        };
+    };
+};
 declare const dateCalendarTheme: {
     readonly defaultProps: {
         readonly slotProps: {};
@@ -72,11 +291,11 @@ declare const pickersDayTheme: {
             readonly '&.Mui-selected.MuiButtonBase-root': {
                 readonly color: "var(--mui-palette-error-main)";
                 readonly backgroundColor: "var(--mui-palette-focus-1)";
-                readonly "&:hover": {
+                readonly '&:hover': {
                     readonly backgroundColor: "var(--mui-palette-focus-1-hover)";
                 };
             };
-            readonly "&.MuiPickersDay-today": {
+            readonly '&.MuiPickersDay-today': {
                 readonly borderColor: "var(--mui-palette-focus-1)";
             };
         };
@@ -85,6 +304,13 @@ declare const pickersDayTheme: {
         };
     };
 };
+/**
+ * MultiSectionDigitalClock items are MenuItems. Global MuiMenuItem paints a
+ * full-size `::before` fill on `.Mui-selected`, and MUI X also sets
+ * `backgroundColor: primary.main` + contrast text. Together that produced
+ * solid opaque pink blocks with unreadable labels. Match PickersDay soft
+ * selected (readable error text + quiet focus wash; kill the ::before cover).
+ */
 declare const multiSectionDigitalClockTheme: {
     readonly defaultProps: {
         readonly slotProps: {
@@ -100,13 +326,29 @@ declare const multiSectionDigitalClockTheme: {
             };
             readonly '& .MuiMultiSectionDigitalClockSection-root': {
                 readonly scrollbarWidth: "inherit";
-                readonly '& li': {
+                readonly '& .MuiMultiSectionDigitalClockSection-item, & li': {
                     readonly borderRadius: "var(--mui-shape-borderRadius)";
+                    readonly position: "relative";
+                    readonly overflow: "hidden";
                     readonly '&::before': {
                         readonly borderRadius: "var(--mui-shape-borderRadius)";
-                    };
-                    readonly "&.Mui-selected": {
+                        readonly content: "none";
+                        readonly display: "none";
                         readonly backgroundColor: "transparent";
+                        readonly width: 0;
+                        readonly height: 0;
+                    };
+                    readonly '&.Mui-selected': {
+                        readonly color: "var(--mui-palette-error-main)";
+                        readonly backgroundColor: "var(--mui-palette-focus-1)";
+                        readonly '&:hover, &:focus-visible': {
+                            readonly backgroundColor: "var(--mui-palette-focus-1-hover)";
+                        };
+                        readonly '&::before': {
+                            readonly content: "none";
+                            readonly display: "none";
+                            readonly backgroundColor: "transparent";
+                        };
                     };
                 };
             };
@@ -116,12 +358,12 @@ declare const multiSectionDigitalClockTheme: {
 declare const pickersInputBaseTheme: {
     readonly styleOverrides: {
         readonly root: {
-            readonly "&.Mui-focused:not(.Mui-error) fieldset.MuiPickersOutlinedInput-notchedOutline": {
+            readonly '&.Mui-focused:not(.Mui-error) fieldset.MuiPickersOutlinedInput-notchedOutline': {
                 readonly borderColor: "var(--mui-palette-text-secondary)";
             };
-            readonly "&.MuiPickersInputBase-root": {
-                readonly "& .MuiButtonBase-root": {
-                    readonly "& > svg": {
+            readonly '&.MuiPickersInputBase-root': {
+                readonly '& .MuiButtonBase-root': {
+                    readonly '& > svg': {
                         readonly fontSize: "1.25rem";
                     };
                 };
@@ -130,4 +372,4 @@ declare const pickersInputBaseTheme: {
     };
 };
 
-export { MuiXDatePicker, MuiXDateTimePicker, dateCalendarTheme, datePickerTheme, dateTimePickerTheme, multiSectionDigitalClockTheme, pickersCalendarHeaderTheme, pickersDayTheme, pickersInputBaseTheme };
+export { type DateRangeValue, MuiXDatePicker, type MuiXDatePickerProps, MuiXDateRangePicker, type MuiXDateRangePickerProps, MuiXDateTimePicker, type MuiXDateTimePickerProps, MuiXTimePicker, type MuiXTimePickerProps, dateCalendarTheme, datePickerTheme, dateTimePickerTheme, multiSectionDigitalClockTheme, pickersCalendarHeaderTheme, pickersDayTheme, pickersInputBaseTheme, timePickerTheme };

package/dist/datePicker.d.ts

@@ -1,10 +1,214 @@
 import React from 'react';
-import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
+import { Dayjs } from 'dayjs';
+import Box from '@mui/material/Box';
 
-declare const MuiXDatePicker: React.FC<React.ComponentProps<typeof DatePicker>>;
+type MuiXDatePickerProps = {
+    /** Controlled value (Dayjs, Date, or null). Prefer this in forms/stories. */
+    value?: Dayjs | Date | string | null;
+    /** Uncontrolled initial value when `value` is omitted. */
+    defaultValue?: Dayjs | Date | string | null;
+    /**
+     * Called with Dayjs | null (same shape as MUI DatePicker) so UseForm DateField
+     * can keep using `d?.toDate?.()`.
+     */
+    onChange?: (value: Dayjs | null) => void;
+    label?: string;
+    disabled?: boolean;
+    /** Override display format (default `MM/DD/YYYY`). */
+    format?: string;
+    /** Optional sx for the outer field wrapper. */
+    sx?: React.ComponentProps<typeof Box>['sx'];
+    /**
+     * When true, the trigger field stays read-only (calendar-only).
+     * Default false — user can type a date string and commit on blur/Enter.
+     */
+    disableTyping?: boolean;
+    /**
+     * Legacy passthrough kept for UseForm slotProps compatibility.
+     * `textField` bits are applied to the trigger field.
+     */
+    slotProps?: {
+        textField?: Record<string, unknown>;
+        openPickerIcon?: Record<string, unknown>;
+        actionBar?: Record<string, unknown>;
+    };
+};
+/**
+ * Soft/quiet DatePicker with a typeable trigger field.
+ *
+ * Trigger text is editable by default (commit on blur/Enter). Calendar icon
+ * opens the DateCalendar popover; focusing/typing the field does not.
+ * Pass `disableTyping` for read-only calendar-only mode.
+ *
+ * Invalid typed input reverts to the last committed label.
+ * Escape cancels the edit without committing.
+ */
+declare const MuiXDatePicker: React.FC<MuiXDatePickerProps>;
+
+type MuiXDateTimePickerProps = {
+    /** Controlled value (Dayjs, Date, or null). Prefer this in forms/stories. */
+    value?: Dayjs | Date | string | null;
+    /** Uncontrolled initial value when `value` is omitted. */
+    defaultValue?: Dayjs | Date | string | null;
+    /**
+     * Called with Dayjs | null (same shape as MUI DateTimePicker) so UseForm
+     * DateTimeField can keep using `d?.toDate?.()`.
+     */
+    onChange?: (value: Dayjs | null) => void;
+    label?: string;
+    disabled?: boolean;
+    /** 12h + am/pm when true (default). When false, display/parse as `HH:mm`. */
+    ampm?: boolean;
+    /** Override display format (default `MM/DD/YYYY hh:mm a` or 24h variant). */
+    format?: string;
+    /** Optional sx for the outer field wrapper. */
+    sx?: React.ComponentProps<typeof Box>['sx'];
+    /**
+     * When true, the trigger field stays read-only (calendar-only).
+     * Default false — user can type a datetime string and commit on blur/Enter.
+     */
+    disableTyping?: boolean;
+    /**
+     * Legacy passthrough kept for UseForm slotProps compatibility.
+     * `textField` bits are applied to the trigger field.
+     */
+    slotProps?: {
+        textField?: Record<string, unknown>;
+        openPickerIcon?: Record<string, unknown>;
+        actionBar?: Record<string, unknown>;
+    };
+};
+/**
+ * Soft/quiet DateTimePicker with a typeable trigger field.
+ *
+ * Trigger text is editable by default (commit on blur/Enter). Calendar icon
+ * opens the date+time popover; focusing/typing the field does not.
+ * Pass `disableTyping` for read-only calendar-only mode.
+ *
+ * Invalid typed input reverts to the last committed label.
+ * Escape cancels the edit without committing.
+ */
+declare const MuiXDateTimePicker: React.FC<MuiXDateTimePickerProps>;
+
+type MuiXTimePickerProps = {
+    /** Controlled value (Dayjs, Date, or null). Prefer this in forms/stories. */
+    value?: Dayjs | Date | string | null;
+    /** Uncontrolled initial value when `value` is omitted. */
+    defaultValue?: Dayjs | Date | string | null;
+    /**
+     * Called with Dayjs | null (same shape as MUI TimePicker) so UseForm TimeField
+     * can keep using `d?.toDate?.()`.
+     */
+    onChange?: (value: Dayjs | null) => void;
+    label?: string;
+    disabled?: boolean;
+    /** 12h + am/pm when true (default). When false, display/parse as `HH:mm`. */
+    ampm?: boolean;
+    /** Override display format (default `hh:mm a` or `HH:mm` when ampm=false). */
+    format?: string;
+    /** Optional sx for the outer field wrapper. */
+    sx?: React.ComponentProps<typeof Box>['sx'];
+    /**
+     * When true, the trigger field stays read-only (clock-only).
+     * Default false — user can type a time string and commit on blur/Enter.
+     */
+    disableTyping?: boolean;
+    /**
+     * Legacy passthrough kept for UseForm slotProps compatibility.
+     * `textField` bits are applied to the trigger field.
+     */
+    slotProps?: {
+        textField?: Record<string, unknown>;
+        openPickerIcon?: Record<string, unknown>;
+        actionBar?: Record<string, unknown>;
+    };
+};
+/**
+ * Soft/quiet TimePicker with a typeable trigger field.
+ *
+ * Trigger text is editable by default (commit on blur/Enter). Clock icon opens
+ * the multi-section digital clock popover; focusing/typing the field does not.
+ * Pass `disableTyping` for read-only clock-only mode.
+ *
+ * Invalid typed input (e.g. `04:15 aa`) reverts to the last committed label.
+ * Escape cancels the edit without committing.
+ */
+declare const MuiXTimePicker: React.FC<MuiXTimePickerProps>;
 
-declare const MuiXDateTimePicker: React.FC<React.ComponentProps<typeof DateTimePicker>>;
+type DateRangeValue = {
+    start: Date | null;
+    end: Date | null;
+};
+type MuiXDateRangePickerProps = {
+    /** Controlled value. Prefer this in forms/stories. */
+    value?: DateRangeValue;
+    /** Uncontrolled initial value when `value` is omitted. */
+    defaultValue?: DateRangeValue;
+    onChange?: (value: DateRangeValue) => void;
+    /** Combined field label (defaults to start/end labels joined). */
+    label?: string;
+    startLabel?: string;
+    endLabel?: string;
+    disabled?: boolean;
+    /** Optional sx for the outer field wrapper. */
+    sx?: React.ComponentProps<typeof Box>['sx'];
+    /**
+     * Show the Trip.com-style endorsement chip when both ends are set.
+     * Defaults to true (chip appears once start + end are non-null).
+     * Pass false to hide entirely.
+     */
+    showEndorsement?: boolean;
+    /**
+     * Custom chip label. String always shows that text when both ends are set.
+     * Function receives `{ start, end }` and may return `string | null` (`null` hides).
+     * When omitted, uses the built-in night/day formatter (`endorsementUnit`).
+     */
+    endorsement?: string | ((range: {
+        start: Date;
+        end: Date;
+    }) => string | null);
+    /**
+     * Unit for the default formatter.
+     * - `nights` (default): `end.diff(start, 'day')` -> "N night(s)" (hotel-style)
+     * - `days`: `end.diff(start, 'day') + 1` -> "N day(s)" (inclusive calendar days)
+     */
+    endorsementUnit?: 'nights' | 'days';
+    /**
+     * Legacy passthrough kept for UseForm slotProps compatibility.
+     * `start` / `end` textField bits are lightly applied to the single trigger field.
+     */
+    slotProps?: {
+        start?: {
+            slotProps?: {
+                textField?: Record<string, unknown>;
+            };
+            disabled?: boolean;
+        };
+        end?: {
+            slotProps?: {
+                textField?: Record<string, unknown>;
+            };
+            disabled?: boolean;
+        };
+    };
+    /**
+     * When true, the trigger field stays read-only (calendar-only).
+     * Default false — user can type a range string and commit on blur/Enter.
+     */
+    disableTyping?: boolean;
+};
+/**
+ * Free (non-Pro) date range: single field + dual-month booking calendar popover.
+ *
+ * Value shape: `{ start: Date | null; end: Date | null }` — null halves are OK.
+ * When both halves are set and start > end, they are swapped so the range is
+ * always ordered (start ≤ end).
+ *
+ * Trigger text is editable by default (commit on blur/Enter). Calendar icon
+ * opens the popover; focusing/typing the field does not. Pass `disableTyping`
+ * for read-only calendar-only mode.
+ */
+declare const MuiXDateRangePicker: React.FC<MuiXDateRangePickerProps>;
 
 declare const datePickerTheme: {
     readonly defaultProps: {
@@ -36,6 +240,21 @@ declare const dateTimePickerTheme: {
         };
     };
 };
+declare const timePickerTheme: {
+    readonly defaultProps: {
+        readonly slotProps: {
+            readonly popper: {
+                readonly sx: {
+                    readonly "& .MuiPaper-root": {
+                        readonly borderRadius: "20px";
+                        readonly background: "var(--mui-palette-background-default)";
+                        readonly border: "solid 1px var(--mui-palette-border-1)";
+                    };
+                };
+            };
+        };
+    };
+};
 declare const dateCalendarTheme: {
     readonly defaultProps: {
         readonly slotProps: {};
@@ -72,11 +291,11 @@ declare const pickersDayTheme: {
             readonly '&.Mui-selected.MuiButtonBase-root': {
                 readonly color: "var(--mui-palette-error-main)";
                 readonly backgroundColor: "var(--mui-palette-focus-1)";
-                readonly "&:hover": {
+                readonly '&:hover': {
                     readonly backgroundColor: "var(--mui-palette-focus-1-hover)";
                 };
             };
-            readonly "&.MuiPickersDay-today": {
+            readonly '&.MuiPickersDay-today': {
                 readonly borderColor: "var(--mui-palette-focus-1)";
             };
         };
@@ -85,6 +304,13 @@ declare const pickersDayTheme: {
         };
     };
 };
+/**
+ * MultiSectionDigitalClock items are MenuItems. Global MuiMenuItem paints a
+ * full-size `::before` fill on `.Mui-selected`, and MUI X also sets
+ * `backgroundColor: primary.main` + contrast text. Together that produced
+ * solid opaque pink blocks with unreadable labels. Match PickersDay soft
+ * selected (readable error text + quiet focus wash; kill the ::before cover).
+ */
 declare const multiSectionDigitalClockTheme: {
     readonly defaultProps: {
         readonly slotProps: {
@@ -100,13 +326,29 @@ declare const multiSectionDigitalClockTheme: {
             };
             readonly '& .MuiMultiSectionDigitalClockSection-root': {
                 readonly scrollbarWidth: "inherit";
-                readonly '& li': {
+                readonly '& .MuiMultiSectionDigitalClockSection-item, & li': {
                     readonly borderRadius: "var(--mui-shape-borderRadius)";
+                    readonly position: "relative";
+                    readonly overflow: "hidden";
                     readonly '&::before': {
                         readonly borderRadius: "var(--mui-shape-borderRadius)";
-                    };
-                    readonly "&.Mui-selected": {
+                        readonly content: "none";
+                        readonly display: "none";
                         readonly backgroundColor: "transparent";
+                        readonly width: 0;
+                        readonly height: 0;
+                    };
+                    readonly '&.Mui-selected': {
+                        readonly color: "var(--mui-palette-error-main)";
+                        readonly backgroundColor: "var(--mui-palette-focus-1)";
+                        readonly '&:hover, &:focus-visible': {
+                            readonly backgroundColor: "var(--mui-palette-focus-1-hover)";
+                        };
+                        readonly '&::before': {
+                            readonly content: "none";
+                            readonly display: "none";
+                            readonly backgroundColor: "transparent";
+                        };
                     };
                 };
             };
@@ -116,12 +358,12 @@ declare const multiSectionDigitalClockTheme: {
 declare const pickersInputBaseTheme: {
     readonly styleOverrides: {
         readonly root: {
-            readonly "&.Mui-focused:not(.Mui-error) fieldset.MuiPickersOutlinedInput-notchedOutline": {
+            readonly '&.Mui-focused:not(.Mui-error) fieldset.MuiPickersOutlinedInput-notchedOutline': {
                 readonly borderColor: "var(--mui-palette-text-secondary)";
             };
-            readonly "&.MuiPickersInputBase-root": {
-                readonly "& .MuiButtonBase-root": {
-                    readonly "& > svg": {
+            readonly '&.MuiPickersInputBase-root': {
+                readonly '& .MuiButtonBase-root': {
+                    readonly '& > svg': {
                         readonly fontSize: "1.25rem";
                     };
                 };
@@ -130,4 +372,4 @@ declare const pickersInputBaseTheme: {
     };
 };
 
-export { MuiXDatePicker, MuiXDateTimePicker, dateCalendarTheme, datePickerTheme, dateTimePickerTheme, multiSectionDigitalClockTheme, pickersCalendarHeaderTheme, pickersDayTheme, pickersInputBaseTheme };
+export { type DateRangeValue, MuiXDatePicker, type MuiXDatePickerProps, MuiXDateRangePicker, type MuiXDateRangePickerProps, MuiXDateTimePicker, type MuiXDateTimePickerProps, MuiXTimePicker, type MuiXTimePickerProps, dateCalendarTheme, datePickerTheme, dateTimePickerTheme, multiSectionDigitalClockTheme, pickersCalendarHeaderTheme, pickersDayTheme, pickersInputBaseTheme, timePickerTheme };