@mantine/dates 8.3.15 → 9.0.0-alpha.1

package/lib/components/MonthLevel/MonthLevel.d.ts

@@ -4,7 +4,7 @@ import { CalendarHeaderSettings, CalendarHeaderStylesNames } from '../CalendarHe
 import { MonthSettings, MonthStylesNames } from '../Month';
 export type MonthLevelStylesNames = MonthStylesNames | CalendarHeaderStylesNames;
 export interface MonthLevelBaseSettings extends MonthSettings {
-    /** dayjs label format to display month label or a function that returns month label based on month value @default `"MMMM YYYY"` */
+    /** dayjs label format to display month label or a function that returns month label based on month value @default "MMMM YYYY" */
     monthLabelFormat?: DateLabelFormat;
 }
 export interface MonthLevelSettings extends MonthLevelBaseSettings, CalendarHeaderSettings {
@@ -19,6 +19,8 @@ export interface MonthLevelProps extends BoxProps, MonthLevelSettings, Omit<Styl
     levelControlAriaLabel?: string;
     /** Determines whether days should be static, static days can be used to display month if it is not expected that user will interact with the component in any way  */
     static?: boolean;
+    /** Determines whether the calendar should take the full width of its container @default false */
+    fullWidth?: boolean;
 }
 export type MonthLevelFactory = Factory<{
     props: MonthLevelProps;

package/lib/components/MonthLevelGroup/MonthLevelGroup.d.ts

@@ -15,6 +15,8 @@ export interface MonthLevelGroupProps extends BoxProps, Omit<MonthLevelSettings,
     levelControlAriaLabel?: ((month: DateStringValue) => string) | string;
     /** Passed as `isStatic` prop to `Month` component */
     static?: boolean;
+    /** Determines whether the calendar should take the full width of its container @default false */
+    fullWidth?: boolean;
 }
 export type MonthLevelGroupFactory = Factory<{
     props: MonthLevelGroupProps;

package/lib/components/MonthPicker/MonthPicker.d.ts

@@ -8,7 +8,7 @@ import { YearLevelGroupStylesNames } from '../YearLevelGroup';
 export type MonthPickerStylesNames = DecadeLevelGroupStylesNames | YearLevelGroupStylesNames;
 type MonthPickerLevel = Exclude<CalendarLevel, 'month'>;
 export interface MonthPickerBaseProps<Type extends DatePickerType = 'default'> extends PickerBaseProps<Type>, DecadeLevelBaseSettings, YearLevelBaseSettings, Omit<CalendarBaseProps, 'onNextMonth' | 'onPreviousMonth' | 'hasNextLevel'> {
-    /** Max level that user can go up to @default `'decade'` */
+    /** Max level that user can go up to @default 'decade' */
     maxLevel?: CalendarLevel;
     /** Initial displayed level (uncontrolled) */
     defaultLevel?: CalendarLevel;
@@ -27,7 +27,7 @@ export type MonthPickerFactory = Factory<{
     stylesNames: MonthPickerStylesNames;
 }>;
 type MonthPickerComponent = (<Type extends DatePickerType = 'default'>(props: MonthPickerProps<Type> & {
-    ref?: React.ForwardedRef<HTMLDivElement>;
+    ref?: React.Ref<HTMLDivElement>;
 }) => React.JSX.Element) & {
     displayName?: string;
 } & MantineComponentStaticProperties<MonthPickerFactory>;

package/lib/components/MonthPicker/index.d.ts

@@ -1,2 +1,9 @@
+import { DatePickerType } from '../../types';
+import type { MonthPickerBaseProps, MonthPickerFactory, MonthPickerProps, MonthPickerStylesNames } from './MonthPicker';
 export { MonthPicker } from './MonthPicker';
-export type { MonthPickerBaseProps, MonthPickerProps, MonthPickerFactory, MonthPickerStylesNames, } from './MonthPicker';
+export type { MonthPickerBaseProps, MonthPickerProps, MonthPickerStylesNames, MonthPickerFactory };
+export declare namespace MonthPicker {
+    type Props<Type extends DatePickerType = 'default'> = MonthPickerProps<Type>;
+    type StylesNames = MonthPickerStylesNames;
+    type Factory = MonthPickerFactory;
+}

package/lib/components/MonthPickerInput/MonthPickerInput.d.ts

@@ -4,7 +4,7 @@ import { MonthPickerBaseProps, MonthPickerStylesNames } from '../MonthPicker';
 import { DateInputSharedProps } from '../PickerInputBase';
 export type MonthPickerInputStylesNames = __InputStylesNames | 'placeholder' | MonthPickerStylesNames;
 export interface MonthPickerInputProps<Type extends DatePickerType = 'default'> extends BoxProps, DateInputSharedProps, MonthPickerBaseProps<Type>, StylesApiProps<MonthPickerInputFactory> {
-    /** `dayjs` format for input value @default `"MMMM YYYY"` */
+    /** `dayjs` format for input value @default "MMMM YYYY" */
     valueFormat?: string;
 }
 export type MonthPickerInputFactory = Factory<{
@@ -14,7 +14,7 @@ export type MonthPickerInputFactory = Factory<{
     variant: InputVariant;
 }>;
 type MonthPickerInputComponent = (<Type extends DatePickerType = 'default'>(props: MonthPickerInputProps<Type> & {
-    ref?: React.ForwardedRef<HTMLButtonElement>;
+    ref?: React.Ref<HTMLButtonElement>;
 }) => React.JSX.Element) & {
     displayName?: string;
 } & MantineComponentStaticProperties<MonthPickerInputFactory>;

package/lib/components/MonthPickerInput/index.d.ts

@@ -1,2 +1,9 @@
+import { DatePickerType } from '../../types';
+import type { MonthPickerInputFactory, MonthPickerInputProps, MonthPickerInputStylesNames } from './MonthPickerInput';
 export { MonthPickerInput } from './MonthPickerInput';
-export type { MonthPickerInputProps, MonthPickerInputStylesNames, MonthPickerInputFactory, } from './MonthPickerInput';
+export type { MonthPickerInputProps, MonthPickerInputStylesNames, MonthPickerInputFactory };
+export declare namespace MonthPickerInput {
+    type Props<Type extends DatePickerType = 'default'> = MonthPickerInputProps<Type>;
+    type StylesNames = MonthPickerInputStylesNames;
+    type Factory = MonthPickerInputFactory;
+}

package/lib/components/MonthsList/MonthsList.d.ts

@@ -7,8 +7,10 @@ export interface MonthsListSettings extends ControlsGroupSettings {
     monthsListFormat?: string;
     /** Passes props down month picker control */
     getMonthControlProps?: (date: DateStringValue) => Partial<PickerControlProps> & DataAttributes;
-    /** Determines whether controls should be separated @default `true` */
+    /** Determines whether controls should be separated @default true */
     withCellSpacing?: boolean;
+    /** Determines whether the list should take the full width of its container @default false */
+    fullWidth?: boolean;
 }
 export interface MonthsListProps extends BoxProps, MonthsListSettings, StylesApiProps<MonthsListFactory>, ElementProps<'table'> {
     __staticSelector?: string;

package/lib/components/PickerControl/PickerControl.d.ts

@@ -19,6 +19,8 @@ export interface PickerControlProps extends BoxProps, StylesApiProps<PickerContr
     lastInRange?: boolean;
     /** Component size */
     size?: MantineSize;
+    /** Determines whether the control should take the full width of its cell @default false */
+    fullWidth?: boolean;
 }
 export type PickerControlFactory = Factory<{
     props: PickerControlProps;

package/lib/components/PickerInputBase/PickerInputBase.d.ts

@@ -1,25 +1,27 @@
-import { __BaseInputProps, __InputStylesNames, BoxProps, ElementProps, Factory, InputVariant, MantineSize, ModalProps, PopoverProps, StylesApiProps } from '@mantine/core';
+import { __BaseInputProps, __InputStylesNames, BoxProps, ClearSectionMode, ElementProps, Factory, InputVariant, MantineSize, ModalProps, PopoverProps, StylesApiProps } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import { DatePickerType } from '../../types';
 import { DateFormatter } from '../../utils';
 import { HiddenDatesInputValue } from '../HiddenDatesInput';
 export type PickerInputBaseStylesNames = __InputStylesNames;
 export interface DateInputSharedProps extends Omit<__BaseInputProps, 'size'>, ElementProps<'button', 'defaultValue' | 'value' | 'onChange' | 'type'> {
-    /** Determines whether the dropdown is closed when date is selected, not applicable with `type="multiple"` @default `true` */
+    /** Determines whether the dropdown is closed when date is selected, not applicable with `type="multiple"` @default true */
     closeOnChange?: boolean;
-    /** Type of the dropdown @default `'popover'` */
+    /** Type of the dropdown @default 'popover' */
     dropdownType?: 'popover' | 'modal';
     /** Props passed down to `Popover` component */
     popoverProps?: Partial<Omit<PopoverProps, 'children'>>;
     /** Props passed down to `Modal` component */
     modalProps?: Partial<Omit<ModalProps, 'children'>>;
-    /** If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set. @default `false` */
+    /** If set, clear button is displayed in the `rightSection` when the component has value. Ignored if `rightSection` prop is set. @default false */
     clearable?: boolean;
+    /** Determines how the clear button and rightSection are rendered @default 'both' */
+    clearSectionMode?: ClearSectionMode;
     /** Props passed down to the clear button */
-    clearButtonProps?: React.ComponentPropsWithoutRef<'button'>;
+    clearButtonProps?: React.ComponentProps<'button'>;
     /** If set, the component value cannot be changed by the user */
     readOnly?: boolean;
-    /** Determines whether dates values should be sorted before `onChange` call, only applicable with type="multiple" @default `true` */
+    /** Determines whether dates values should be sorted before `onChange` call, only applicable with type="multiple" @default true */
     sortDates?: boolean;
     /** Separator between range value */
     labelSeparator?: string;

package/lib/components/SpinInput/SpinInput.d.ts

@@ -1,4 +1,4 @@
-interface SpinInputProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'onChange' | 'value'> {
+interface SpinInputProps extends Omit<React.ComponentProps<'input'>, 'onChange' | 'value'> {
     value: number | null;
     min: number;
     max: number;
@@ -10,5 +10,8 @@ interface SpinInputProps extends Omit<React.ComponentPropsWithoutRef<'input'>, '
     allowTemporaryZero?: boolean;
     placeholder?: string;
 }
-export declare const SpinInput: import("react").ForwardRefExoticComponent<SpinInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare function SpinInput({ value, min, max, onChange, focusable, step, onNextInput, onPreviousInput, onFocus, readOnly, allowTemporaryZero, placeholder, ...others }: SpinInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SpinInput {
+    var displayName: string;
+}
 export {};

package/lib/components/TimeGrid/TimeGrid.context.d.ts

@@ -3,8 +3,5 @@ import type { TimeGridFactory } from './TimeGrid';
 interface TimeGridContextValue {
     getStyles: GetStylesApi<TimeGridFactory>;
 }
-export declare const TimeGridProvider: ({ children, value }: {
-    value: TimeGridContextValue;
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useTimeGridContext: () => TimeGridContextValue;
+export declare const TimeGridProvider: import("react").Context<TimeGridContextValue | null>, useTimeGridContext: () => TimeGridContextValue;
 export {};

package/lib/components/TimeGrid/TimeGrid.d.ts

@@ -13,21 +13,21 @@ export interface TimeGridProps extends BoxProps, StylesApiProps<TimeGridFactory>
     defaultValue?: string | null;
     /** Called when value changes */
     onChange?: (value: string | null) => void;
-    /** Determines whether the value can be deselected when the current active option is clicked or activated with keyboard @default `false` */
+    /** Determines whether the value can be deselected when the current active option is clicked or activated with keyboard @default false */
     allowDeselect?: boolean;
-    /** Time format displayed in the grid @default `'24h'` */
+    /** Time format displayed in the grid @default '24h' */
     format?: TimePickerFormat;
-    /** Determines whether the seconds part should be displayed @default `false` */
+    /** Determines whether the seconds part should be displayed @default false */
     withSeconds?: boolean;
-    /** Labels used for am/pm values @default `{ am: 'AM', pm: 'PM' }` */
+    /** Labels used for am/pm values @default { am: 'AM', pm: 'PM' } */
     amPmLabels?: TimePickerAmPmLabels;
-    /** Props passed down to the underlying `SimpleGrid` component @default `{ cols: 3, spacing: 'xs' }` */
+    /** Props passed down to the underlying `SimpleGrid` component @default { cols: 3, spacing: 'xs' } */
     simpleGridProps?: SimpleGridProps;
     /** A function to pass props down to control based on the time value */
-    getControlProps?: (time: string) => React.ComponentPropsWithoutRef<'button'> & DataAttributes;
-    /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default `theme.defaultRadius` */
+    getControlProps?: (time: string) => React.ComponentProps<'button'> & DataAttributes;
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */
     radius?: MantineRadius;
-    /** Control `font-size` of controls, key of `theme.fontSizes` or any valid CSS value @default `'sm'` */
+    /** Control `font-size` of controls, key of `theme.fontSizes` or any valid CSS value @default 'sm' */
     size?: MantineSize;
     /** All controls before this time are disabled */
     minTime?: string;

package/lib/components/TimeGrid/TimeGridControl.d.ts

@@ -1,5 +1,5 @@
 import type { TimePickerAmPmLabels, TimePickerFormat } from '../TimePicker';
-interface TimeGridControlProps extends React.ComponentPropsWithoutRef<'button'> {
+interface TimeGridControlProps extends React.ComponentProps<'button'> {
     time: string;
     active: boolean;
     format: TimePickerFormat;

package/lib/components/TimeGrid/index.d.ts

@@ -1,3 +1,10 @@
+import type { TimeGridCssVariables, TimeGridFactory, TimeGridProps, TimeGridStylesNames } from './TimeGrid';
 export { TimeGrid } from './TimeGrid';
 export { isTimeBefore, isTimeAfter } from './compare-time';
-export type { TimeGridCssVariables, TimeGridFactory, TimeGridProps, TimeGridStylesNames, } from './TimeGrid';
+export type { TimeGridProps, TimeGridStylesNames, TimeGridFactory, TimeGridCssVariables };
+export declare namespace TimeGrid {
+    type Props = TimeGridProps;
+    type StylesNames = TimeGridStylesNames;
+    type Factory = TimeGridFactory;
+    type CssVariables = TimeGridCssVariables;
+}

package/lib/components/TimeInput/TimeInput.d.ts

@@ -1,6 +1,6 @@
 import { __BaseInputProps, __InputStylesNames, BoxProps, ElementProps, Factory, StylesApiProps } from '@mantine/core';
 export interface TimeInputProps extends BoxProps, __BaseInputProps, StylesApiProps<TimeInputFactory>, ElementProps<'input', 'size'> {
-    /** Determines whether seconds input should be displayed @default `false` */
+    /** Determines whether seconds input should be displayed @default false */
     withSeconds?: boolean;
     /** Minimum possible string time, if `withSeconds` is true, time should be in format HH:mm:ss, otherwise HH:mm */
     minTime?: string;

package/lib/components/TimeInput/index.d.ts

@@ -1,2 +1,7 @@
+import type { TimeInputFactory, TimeInputProps } from './TimeInput';
 export { TimeInput } from './TimeInput';
-export type { TimeInputFactory, TimeInputProps } from './TimeInput';
+export type { TimeInputProps, TimeInputFactory };
+export declare namespace TimeInput {
+    type Props = TimeInputProps;
+    type Factory = TimeInputFactory;
+}

package/lib/components/TimePicker/AmPmInput/AmPmInput.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-interface AmPmInputProps extends Omit<React.ComponentPropsWithoutRef<'select'>, 'value' | 'onChange'> {
+interface AmPmInputProps extends Omit<React.ComponentProps<'select'>, 'value' | 'onChange'> {
     labels: {
         am: string;
         pm: string;
@@ -10,5 +9,8 @@ interface AmPmInputProps extends Omit<React.ComponentPropsWithoutRef<'select'>,
     readOnly?: boolean;
     onPreviousInput?: () => void;
 }
-export declare const AmPmInput: React.ForwardRefExoticComponent<AmPmInputProps & React.RefAttributes<HTMLSelectElement>>;
+export declare function AmPmInput({ labels, value, onChange, className, style, onPreviousInput, readOnly, onMouseDown, onTouchStart, inputType, ...others }: AmPmInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace AmPmInput {
+    var displayName: string;
+}
 export {};

package/lib/components/TimePicker/TimePicker.context.d.ts

@@ -5,8 +5,5 @@ interface TimePickerContext {
     maxDropdownContentHeight: number;
     scrollAreaProps: ScrollAreaProps | undefined;
 }
-export declare const TimePickerProvider: ({ children, value }: {
-    value: TimePickerContext;
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useTimePickerContext: () => TimePickerContext;
+export declare const TimePickerProvider: import("react").Context<TimePickerContext | null>, useTimePickerContext: () => TimePickerContext;
 export {};

package/lib/components/TimePicker/TimePicker.d.ts

@@ -1,4 +1,4 @@
-import { __BaseInputProps, __InputStylesNames, BoxProps, CloseButtonProps, DataAttributes, ElementProps, Factory, InputVariant, PopoverProps, ScrollAreaProps, StylesApiProps } from '@mantine/core';
+import { __BaseInputProps, __InputStylesNames, BoxProps, ClearSectionMode, CloseButtonProps, DataAttributes, ElementProps, Factory, InputVariant, PopoverProps, ScrollAreaProps, StylesApiProps } from '@mantine/core';
 import { TimePickerAmPmLabels, TimePickerFormat, TimePickerPasteSplit, TimePickerPresets } from './TimePicker.types';
 export type TimePickerStylesNames = 'fieldsRoot' | 'fieldsGroup' | 'field' | 'controlsList' | 'controlsListGroup' | 'control' | 'dropdown' | 'presetsRoot' | 'presetsGroup' | 'presetsGroupLabel' | 'presetControl' | 'scrollarea' | __InputStylesNames;
 export type TimePickerCssVariables = {
@@ -11,8 +11,10 @@ export interface TimePickerProps extends BoxProps, __BaseInputProps, StylesApiPr
     defaultValue?: string;
     /** Called when the value changes */
     onChange?: (value: string) => void;
-    /** Determines whether the clear button should be displayed @default `false` */
+    /** Determines whether the clear button should be displayed @default false */
     clearable?: boolean;
+    /** Determines how the clear button and rightSection are rendered @default 'both' */
+    clearSectionMode?: ClearSectionMode;
     /** `name` prop passed down to the hidden input */
     name?: string;
     /** `form` prop passed down to the hidden input */
@@ -23,13 +25,13 @@ export interface TimePickerProps extends BoxProps, __BaseInputProps, StylesApiPr
     max?: string;
     /** Time format, `'24h'` by default */
     format?: TimePickerFormat;
-    /** Number by which hours are incremented/decremented @default `1` */
+    /** Number by which hours are incremented/decremented @default 1 */
     hoursStep?: number;
-    /** Number by which minutes are incremented/decremented @default `1` */
+    /** Number by which minutes are incremented/decremented @default 1 */
     minutesStep?: number;
-    /** Number by which seconds are incremented/decremented @default `1` */
+    /** Number by which seconds are incremented/decremented @default 1 */
     secondsStep?: number;
-    /** Determines whether the seconds input should be displayed @default `false` */
+    /** Determines whether the seconds input should be displayed @default false */
     withSeconds?: boolean;
     /** `aria-label` of hours input */
     hoursInputLabel?: string;
@@ -39,9 +41,9 @@ export interface TimePickerProps extends BoxProps, __BaseInputProps, StylesApiPr
     secondsInputLabel?: string;
     /** `aria-label` of am/pm input */
     amPmInputLabel?: string;
-    /** Labels used for am/pm values @default `{ am: 'AM', pm: 'PM' }` */
+    /** Labels used for am/pm values @default { am: 'AM', pm: 'PM' } */
     amPmLabels?: TimePickerAmPmLabels;
-    /** Determines whether the dropdown with time controls list should be visible when the input has focus @default `false` */
+    /** Determines whether the dropdown with time controls list should be visible when the input has focus @default false */
     withDropdown?: boolean;
     /** Props passed down to `Popover` component */
     popoverProps?: PopoverProps;
@@ -52,19 +54,19 @@ export interface TimePickerProps extends BoxProps, __BaseInputProps, StylesApiPr
     /** Props passed down to clear button */
     clearButtonProps?: CloseButtonProps & ElementProps<'button'> & DataAttributes;
     /** Props passed down to hours input */
-    hoursInputProps?: React.ComponentPropsWithoutRef<'input'> & DataAttributes;
+    hoursInputProps?: React.ComponentProps<'input'> & DataAttributes;
     /** Props passed down to minutes input */
-    minutesInputProps?: React.ComponentPropsWithoutRef<'input'> & DataAttributes;
+    minutesInputProps?: React.ComponentProps<'input'> & DataAttributes;
     /** Props passed down to seconds input */
-    secondsInputProps?: React.ComponentPropsWithoutRef<'input'> & DataAttributes;
+    secondsInputProps?: React.ComponentProps<'input'> & DataAttributes;
     /** Props passed down to am/pm select */
-    amPmSelectProps?: React.ComponentPropsWithoutRef<'select'> & DataAttributes;
+    amPmSelectProps?: React.ComponentProps<'select'> & DataAttributes;
     /** If set, the value cannot be updated */
     readOnly?: boolean;
     /** If set, the component becomes disabled */
     disabled?: boolean;
     /** Props passed down to the hidden input */
-    hiddenInputProps?: React.ComponentPropsWithoutRef<'input'> & DataAttributes;
+    hiddenInputProps?: React.ComponentProps<'input'> & DataAttributes;
     /** A function to transform paste values, by default time in 24h format can be parsed on paste for example `23:34:22` */
     pasteSplit?: TimePickerPasteSplit;
     /** A ref object to get node reference of the hours input */
@@ -77,17 +79,17 @@ export interface TimePickerProps extends BoxProps, __BaseInputProps, StylesApiPr
     amPmRef?: React.Ref<HTMLSelectElement>;
     /** Time presets to display in the dropdown */
     presets?: TimePickerPresets;
-    /** Maximum height of the content displayed in the dropdown in px @default `200` */
+    /** Maximum height of the content displayed in the dropdown in px @default 200 */
     maxDropdownContentHeight?: number;
     /** Props passed down to all underlying `ScrollArea` components */
     scrollAreaProps?: ScrollAreaProps;
-    /** If set, the time controls list are reversed, @default `false` */
+    /** If set, the time controls list are reversed, @default false */
     reverseTimeControlsList?: boolean;
-    /** Hours input placeholder, @default `--` */
+    /** Hours input placeholder, @default -- */
     hoursPlaceholder?: string;
-    /** Minutes input placeholder, @default `--` */
+    /** Minutes input placeholder, @default -- */
     minutesPlaceholder?: string;
-    /** Seconds input placeholder, @default `--` */
+    /** Seconds input placeholder, @default -- */
     secondsPlaceholder?: string;
 }
 export type TimePickerFactory = Factory<{

package/lib/components/TimePicker/index.d.ts

@@ -1,4 +1,15 @@
+import type { TimePickerCssVariables, TimePickerFactory, TimePickerProps, TimePickerStylesNames } from './TimePicker';
+import type { TimePickerAmPmLabels, TimePickerFormat, TimePickerPasteSplit, TimePickerPresets } from './TimePicker.types';
 export { TimePicker } from './TimePicker';
 export { getTimeRange } from './utils/get-time-range/get-time-range';
-export type { TimePickerCssVariables, TimePickerFactory, TimePickerProps, TimePickerStylesNames, } from './TimePicker';
-export type { TimePickerAmPmLabels, TimePickerFormat, TimePickerPasteSplit, TimePickerPresets, } from './TimePicker.types';
+export type { TimePickerProps, TimePickerStylesNames, TimePickerFactory, TimePickerCssVariables, TimePickerFormat, TimePickerAmPmLabels, TimePickerPasteSplit, TimePickerPresets, };
+export declare namespace TimePicker {
+    type Props = TimePickerProps;
+    type StylesNames = TimePickerStylesNames;
+    type Factory = TimePickerFactory;
+    type CssVariables = TimePickerCssVariables;
+    type Format = TimePickerFormat;
+    type AmPmLabels = TimePickerAmPmLabels;
+    type PasteSplit = TimePickerPasteSplit;
+    type Presets = TimePickerPresets;
+}

package/lib/components/TimeValue/TimeValue.d.ts

@@ -2,14 +2,17 @@ import type { TimePickerAmPmLabels, TimePickerFormat } from '../TimePicker';
 export interface TimeValueProps {
     /** Time to format */
     value: string | Date;
-    /** Time format @default `'24h'` */
+    /** Time format @default '24h' */
     format?: TimePickerFormat;
-    /** AM/PM labels @default `{ am: 'AM', pm: 'PM' }` */
+    /** AM/PM labels @default { am: 'AM', pm: 'PM' } */
     amPmLabels?: TimePickerAmPmLabels;
-    /** Determines whether seconds should be displayed @default `false` */
+    /** Determines whether seconds should be displayed @default false */
     withSeconds?: boolean;
 }
 export declare function TimeValue({ value, format, amPmLabels, withSeconds, }: TimeValueProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace TimeValue {
     var displayName: string;
 }
+export declare namespace TimeValue {
+    type Props = TimeValueProps;
+}

package/lib/components/WeekdaysRow/WeekdaysRow.d.ts

@@ -10,11 +10,11 @@ export interface WeekdaysRowProps extends BoxProps, StylesApiProps<WeekdaysRowFa
     size?: MantineSize;
     /** dayjs locale */
     locale?: string;
-    /** Number 0-6, 0 – Sunday, 6 – Saturday @default `1` – Monday */
+    /** Number 0-6, 0 – Sunday, 6 – Saturday @default 1 – Monday */
     firstDayOfWeek?: DayOfWeek;
-    /** dayjs format to get weekday name @default `'dd'` */
+    /** dayjs format to get weekday name @default 'dd' */
     weekdayFormat?: DateLabelFormat;
-    /** Sets cell type that is used for weekdays @default `'th'` */
+    /** Sets cell type that is used for weekdays @default 'th' */
     cellComponent?: 'td' | 'th';
     /** If set, heading for week numbers is displayed */
     withWeekNumbers?: boolean;

package/lib/components/YearLevel/YearLevel.d.ts

@@ -4,7 +4,7 @@ import { CalendarHeaderSettings, CalendarHeaderStylesNames } from '../CalendarHe
 import { MonthsListSettings, MonthsListStylesNames } from '../MonthsList';
 export type YearLevelStylesNames = MonthsListStylesNames | CalendarHeaderStylesNames;
 export interface YearLevelBaseSettings extends MonthsListSettings {
-    /** dayjs label format to display year label or a function that returns year label based on year value @default `"YYYY"` */
+    /** dayjs label format to display year label or a function that returns year label based on year value @default "YYYY" */
     yearLabelFormat?: DateLabelFormat;
 }
 export interface YearLevelSettings extends YearLevelBaseSettings, CalendarHeaderSettings {
@@ -17,6 +17,8 @@ export interface YearLevelProps extends BoxProps, YearLevelSettings, Omit<Styles
     year: DateStringValue;
     /** `aria-label` for change level control */
     levelControlAriaLabel?: string;
+    /** Determines whether the calendar should take the full width of its container @default false */
+    fullWidth?: boolean;
 }
 export type YearLevelFactory = Factory<{
     props: YearLevelProps;

package/lib/components/YearLevelGroup/YearLevelGroup.d.ts

@@ -13,6 +13,8 @@ export interface YearLevelGroupProps extends BoxProps, Omit<YearLevelSettings, '
     year: DateStringValue;
     /** Function that returns level control `aria-label` */
     levelControlAriaLabel?: ((year: DateStringValue) => string) | string;
+    /** Determines whether the calendar should take the full width of its container @default false */
+    fullWidth?: boolean;
 }
 export type YearLevelGroupFactory = Factory<{
     props: YearLevelGroupProps;

package/lib/components/YearPicker/YearPicker.d.ts

@@ -16,7 +16,7 @@ export type YearPickerFactory = Factory<{
     stylesNames: YearPickerStylesNames;
 }>;
 type YearPickerComponent = (<Type extends DatePickerType = 'default'>(props: YearPickerProps<Type> & {
-    ref?: React.ForwardedRef<HTMLDivElement>;
+    ref?: React.Ref<HTMLDivElement>;
 }) => React.JSX.Element) & {
     displayName?: string;
 } & MantineComponentStaticProperties<YearPickerFactory>;

package/lib/components/YearPicker/index.d.ts

@@ -1,2 +1,10 @@
+import { DatePickerType } from '../../types';
+import type { YearPickerBaseProps, YearPickerFactory, YearPickerProps, YearPickerStylesNames } from './YearPicker';
 export { YearPicker } from './YearPicker';
-export type { YearPickerProps, YearPickerBaseProps, YearPickerFactory, YearPickerStylesNames, } from './YearPicker';
+export type { YearPickerProps, YearPickerBaseProps, YearPickerFactory, YearPickerStylesNames };
+export declare namespace YearPicker {
+    type Props<Type extends DatePickerType = 'default'> = YearPickerProps<Type>;
+    type BaseProps = YearPickerBaseProps;
+    type StylesNames = YearPickerStylesNames;
+    type Factory = YearPickerFactory;
+}

package/lib/components/YearPickerInput/YearPickerInput.d.ts

@@ -4,7 +4,7 @@ import { DateInputSharedProps } from '../PickerInputBase';
 import { YearPickerBaseProps, YearPickerStylesNames } from '../YearPicker';
 export type YearPickerInputStylesNames = __InputStylesNames | 'placeholder' | YearPickerStylesNames;
 export interface YearPickerInputProps<Type extends DatePickerType = 'default'> extends BoxProps, DateInputSharedProps, YearPickerBaseProps<Type>, StylesApiProps<YearPickerInputFactory> {
-    /** `dayjs` format to display input value @default `"YYYY"` */
+    /** `dayjs` format to display input value @default "YYYY" */
     valueFormat?: string;
 }
 export type YearPickerInputFactory = Factory<{
@@ -14,7 +14,7 @@ export type YearPickerInputFactory = Factory<{
     variant: InputVariant;
 }>;
 type YearPickerInputComponent = (<Type extends DatePickerType = 'default'>(props: YearPickerInputProps<Type> & {
-    ref?: React.ForwardedRef<HTMLButtonElement>;
+    ref?: React.Ref<HTMLButtonElement>;
 }) => React.JSX.Element) & {
     displayName?: string;
 } & MantineComponentStaticProperties<YearPickerInputFactory>;

package/lib/components/YearPickerInput/index.d.ts

@@ -1,2 +1,9 @@
+import { DatePickerType } from '../../types';
+import type { YearPickerInputFactory, YearPickerInputProps, YearPickerInputStylesNames } from './YearPickerInput';
 export { YearPickerInput } from './YearPickerInput';
-export type { YearPickerInputProps, YearPickerInputStylesNames, YearPickerInputFactory, } from './YearPickerInput';
+export type { YearPickerInputProps, YearPickerInputStylesNames, YearPickerInputFactory };
+export declare namespace YearPickerInput {
+    type Props<Type extends DatePickerType = 'default'> = YearPickerInputProps<Type>;
+    type StylesNames = YearPickerInputStylesNames;
+    type Factory = YearPickerInputFactory;
+}

package/lib/components/YearsList/YearsList.d.ts

@@ -7,14 +7,16 @@ export interface YearsListSettings extends ControlsGroupSettings {
     __preventFocus?: boolean;
     /** Determines whether propagation for Escape key should be stopped */
     __stopPropagation?: boolean;
-    /** dayjs format for years list @default `'YYYY'` */
+    /** dayjs format for years list @default 'YYYY' */
     yearsListFormat?: string;
     /** Passes props down to year picker control based on date */
     getYearControlProps?: (date: DateStringValue) => Partial<PickerControlProps> & DataAttributes;
     /** Component size */
     size?: MantineSize;
-    /** Determines whether controls should be separated @default `true` */
+    /** Determines whether controls should be separated @default true */
     withCellSpacing?: boolean;
+    /** Determines whether the list should take the full width of its container @default false */
+    fullWidth?: boolean;
 }
 export interface YearsListProps extends BoxProps, YearsListSettings, StylesApiProps<YearsListFactory>, ElementProps<'table'> {
     __staticSelector?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/dates",
-  "version": "8.3.15",
+  "version": "9.0.0-alpha.1",
   "description": "Calendars, date and time pickers based on Mantine components",
   "homepage": "https://mantine.dev/dates/getting-started/",
   "license": "MIT",
@@ -45,8 +45,8 @@
     "directory": "packages/@mantine/dates"
   },
   "peerDependencies": {
-    "@mantine/core": "8.3.15",
-    "@mantine/hooks": "8.3.15",
+    "@mantine/core": "9.0.0-alpha.1",
+    "@mantine/hooks": "9.0.0-alpha.1",
     "dayjs": ">=1.0.0",
     "react": "^18.x || ^19.x",
     "react-dom": "^18.x || ^19.x"
@@ -59,7 +59,7 @@
     "@mantine-tests/dates": "workspace:*",
     "@mantine/core": "workspace:*",
     "@mantine/hooks": "workspace:*",
-    "react": "19.1.1",
-    "react-dom": "19.1.1"
+    "react": "19.2.1",
+    "react-dom": "19.2.1"
   }
 }