@mantine/dates 8.1.3 → 8.2.1

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, `false` by default */
+    /** 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, `'24h'` by default */
+    /** Time format displayed in the grid @default `'24h'` */
     format?: TimePickerFormat;
-    /** Determines whether the seconds part should be displayed, `false` by default */
+    /** Determines whether the seconds part should be displayed @default `false` */
     withSeconds?: boolean;
-    /** Labels used for am/pm values, `{ am: 'AM', pm: 'PM' }` by default */
+    /** Labels used for am/pm values @default `{ am: 'AM', pm: 'PM' }` */
     amPmLabels?: TimePickerAmPmLabels;
-    /** Props passed down to the underlying `SimpleGrid` component, `{ cols: 3, spacing: 'xs' }` by default */
+    /** 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`, `theme.defaultRadius` by default */
+    /** 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, `'sm'` by default */
+    /** 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/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, `false` by default */
+    /** 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/TimePicker/TimePicker.d.ts

@@ -11,7 +11,7 @@ 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, `false` by default */
+    /** Determines whether the clear button should be displayed @default `false` */
     clearable?: boolean;
     /** `name` prop passed down to the hidden input */
     name?: string;
@@ -23,13 +23,13 @@ export interface TimePickerProps extends BoxProps, __BaseInputProps, StylesApiPr
     max?: string;
     /** Time format, `'24h'` by default */
     format?: TimePickerFormat;
-    /** Number by which hours are incremented/decremented, `1` by default */
+    /** Number by which hours are incremented/decremented @default `1` */
     hoursStep?: number;
-    /** Number by which minutes are incremented/decremented, `1` by default */
+    /** Number by which minutes are incremented/decremented @default `1` */
     minutesStep?: number;
-    /** Number by which seconds are incremented/decremented, `1` by default */
+    /** Number by which seconds are incremented/decremented @default `1` */
     secondsStep?: number;
-    /** Determines whether the seconds input should be displayed, `false` by default */
+    /** Determines whether the seconds input should be displayed @default `false` */
     withSeconds?: boolean;
     /** `aria-label` of hours input */
     hoursInputLabel?: string;
@@ -39,9 +39,9 @@ export interface TimePickerProps extends BoxProps, __BaseInputProps, StylesApiPr
     secondsInputLabel?: string;
     /** `aria-label` of am/pm input */
     amPmInputLabel?: string;
-    /** Labels used for am/pm values, `{ am: 'AM', pm: 'PM' }` by default */
+    /** 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, `false` by default */
+    /** 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;
@@ -77,7 +77,7 @@ 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, `200` by default */
+    /** 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;

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

@@ -2,11 +2,11 @@ import type { TimePickerAmPmLabels, TimePickerFormat } from '../TimePicker';
 export interface TimeValueProps {
     /** Time to format */
     value: string | Date;
-    /** Time format, `'24h'` by default */
+    /** Time format @default `'24h'` */
     format?: TimePickerFormat;
-    /** AM/PM labels, `{ am: 'AM', pm: 'PM' }` by default */
+    /** AM/PM labels @default `{ am: 'AM', pm: 'PM' }` */
     amPmLabels?: TimePickerAmPmLabels;
-    /** Determines whether seconds should be displayed, `false` by default */
+    /** 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;

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, `1` – Monday by default */
+    /** Number 0-6, 0 – Sunday, 6 – Saturday @default `1` – Monday */
     firstDayOfWeek?: DayOfWeek;
-    /** dayjs format to get weekday name, `'dd'` by default */
+    /** dayjs format to get weekday name @default `'dd'` */
     weekdayFormat?: DateLabelFormat;
-    /** Sets cell type that is used for weekdays, `'th'` by default */
+    /** 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, `"YYYY"` by default */
+    /** 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 {

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> {
-    /** day format to display input value, `"YYYY"` by default  */
+    /** `dayjs` format to display input value @default `"YYYY"` */
     valueFormat?: string;
 }
 export type YearPickerInputFactory = Factory<{

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/dates",
-  "version": "8.1.3",
+  "version": "8.2.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.1.3",
-    "@mantine/hooks": "8.1.3",
+    "@mantine/core": "8.2.1",
+    "@mantine/hooks": "8.2.1",
     "dayjs": ">=1.0.0",
     "react": "^18.x || ^19.x",
     "react-dom": "^18.x || ^19.x"

package/lib/components/DateInputMask/DateInputMask.d.ts

@@ -1,63 +0,0 @@
-import { BoxProps, CloseButtonProps, DataAttributes, ElementProps, Factory, PopoverProps, StylesApiProps } from '@mantine/core';
-export type DateInputMaskStylesNames = 'fieldsRoot';
-export type DateInputMaskVariant = string;
-export interface DateInputMaskProps extends BoxProps, StylesApiProps<DateInputMaskFactory>, ElementProps<'div', 'onChange' | 'value' | 'defaultValue'> {
-    /** Controlled component value */
-    value?: Date | null;
-    /** Uncontrolled component default value */
-    defaultValue?: Date | null;
-    /** Called when the value changes */
-    onChange?: (value: Date | null) => void;
-    /** Determines whether the clear button should be displayed, `false` by default */
-    clearable?: boolean;
-    /** Called once when one of the inputs is focused, not called when focused is shifted between hours, minutes, seconds and am/pm inputs */
-    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    /** Called once when the focus is no longer on any of the inputs */
-    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
-    /** If set, the value cannot be updated */
-    readOnly?: boolean;
-    /** If set, the component becomes disabled */
-    disabled?: boolean;
-    /** `name` prop passed down to the hidden input */
-    name?: string;
-    /** `form` prop passed down to the hidden input */
-    form?: string;
-    /** Props passed down to the hidden input */
-    hiddenInputProps?: React.ComponentPropsWithoutRef<'input'> & DataAttributes;
-    /** `aria-label` of days input */
-    daysInputLabel?: string;
-    /** `aria-label` of months input */
-    monthsInputLabel?: string;
-    /** `aria-label` of years input */
-    yearsInputLabel?: string;
-    /** Determines whether the dropdown with calendar should be visible when the input has focus, `false` by default */
-    withDropdown?: boolean;
-    /** Props passed down to `Popover` component */
-    popoverProps?: PopoverProps;
-    /** Props passed down to clear button */
-    clearButtonProps?: CloseButtonProps & ElementProps<'button'> & DataAttributes;
-    /** Props passed down to days input */
-    daysInputProps?: React.ComponentPropsWithoutRef<'input'> & DataAttributes;
-    /** Props passed down to months input */
-    monthsInputProps?: React.ComponentPropsWithoutRef<'input'> & DataAttributes;
-    /** Props passed down to years input */
-    yearsInputProps?: React.ComponentPropsWithoutRef<'input'> & DataAttributes;
-    /** A ref object to get node reference of the days input */
-    daysRef?: React.Ref<HTMLInputElement>;
-    /** A ref object to get node reference of the months input */
-    monthsRef?: React.Ref<HTMLInputElement>;
-    /** A ref object to get node reference of the years input */
-    yearsRef?: React.Ref<HTMLInputElement>;
-}
-export type DateInputMaskFactory = Factory<{
-    props: DateInputMaskProps;
-    ref: HTMLDivElement;
-    stylesNames: DateInputMaskStylesNames;
-    variant: DateInputMaskVariant;
-}>;
-export declare const DateInputMask: import("@mantine/core").MantineComponent<{
-    props: DateInputMaskProps;
-    ref: HTMLDivElement;
-    stylesNames: DateInputMaskStylesNames;
-    variant: DateInputMaskVariant;
-}>;

package/lib/components/DateInputMask/use-date-input-mask.d.ts

@@ -1 +0,0 @@
-export declare function useDateInputMask(): void;