@mantine/dates 9.0.0-alpha.7 → 9.0.1

package/esm/components/TimePicker/TimePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.mjs","names":["classes"],"sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport {\n  __BaseInputProps,\n  __InputStylesNames,\n  BoxProps,\n  ClearSectionMode,\n  CloseButton,\n  CloseButtonProps,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getFontSize,\n  InputBase,\n  InputVariant,\n  Popover,\n  PopoverProps,\n  ScrollAreaProps,\n  StylesApiProps,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { useId, useMergedRef } from '@mantine/hooks';\nimport { SpinInput } from '../SpinInput';\nimport { AmPmInput } from './AmPmInput/AmPmInput';\nimport { AmPmControlsList } from './TimeControlsList/AmPmControlsList';\nimport { TimeControlsList } from './TimeControlsList/TimeControlsList';\nimport { TimePickerProvider } from './TimePicker.context';\nimport {\n  TimePickerAmPmLabels,\n  TimePickerFormat,\n  TimePickerPasteSplit,\n  TimePickerPresets,\n} from './TimePicker.types';\nimport { TimePresets } from './TimePresets/TimePresets';\nimport { useTimePicker } from './use-time-picker';\nimport { clampTime } from './utils/clamp-time/clamp-time';\nimport { getParsedTime } from './utils/get-parsed-time/get-parsed-time';\nimport { getTimeString } from './utils/get-time-string/get-time-string';\nimport classes from './TimePicker.module.css';\n\nexport type TimePickerStylesNames =\n  | 'fieldsRoot'\n  | 'fieldsGroup'\n  | 'field'\n  | 'controlsList'\n  | 'controlsListGroup'\n  | 'control'\n  | 'dropdown'\n  | 'presetsRoot'\n  | 'presetsGroup'\n  | 'presetsGroupLabel'\n  | 'presetControl'\n  | 'scrollarea'\n  | __InputStylesNames;\n\nexport type TimePickerCssVariables = {\n  dropdown: '--control-font-size';\n};\n\nexport interface TimePickerProps\n  extends\n    BoxProps,\n    __BaseInputProps,\n    StylesApiProps<TimePickerFactory>,\n    ElementProps<'div', 'onChange' | 'defaultValue'> {\n  /** Controlled component value */\n  value?: string;\n\n  /** Uncontrolled component default value */\n  defaultValue?: string;\n\n  /** Called when the value changes */\n  onChange?: (value: string) => void;\n\n  /** Determines whether the clear button should be displayed @default false */\n  clearable?: boolean;\n\n  /** Determines how the clear button and rightSection are rendered @default 'both' */\n  clearSectionMode?: ClearSectionMode;\n\n  /** `name` prop passed down to the hidden input */\n  name?: string;\n\n  /** `form` prop passed down to the hidden input */\n  form?: string;\n\n  /** Min possible time value in `hh:mm:ss` format */\n  min?: string;\n\n  /** Max possible time value in `hh:mm:ss` format */\n  max?: string;\n\n  /** Time format, `'24h'` by default */\n  format?: TimePickerFormat;\n\n  /** Number by which hours are incremented/decremented @default 1 */\n  hoursStep?: number;\n\n  /** Number by which minutes are incremented/decremented @default 1 */\n  minutesStep?: number;\n\n  /** Number by which seconds are incremented/decremented @default 1 */\n  secondsStep?: number;\n\n  /** Determines whether the seconds input should be displayed @default false */\n  withSeconds?: boolean;\n\n  /** `aria-label` of hours input */\n  hoursInputLabel?: string;\n\n  /** `aria-label` of minutes input */\n  minutesInputLabel?: string;\n\n  /** `aria-label` of seconds input */\n  secondsInputLabel?: string;\n\n  /** `aria-label` of am/pm input */\n  amPmInputLabel?: string;\n\n  /** Labels used for am/pm values @default { am: 'AM', pm: 'PM' } */\n  amPmLabels?: TimePickerAmPmLabels;\n\n  /** Determines whether the dropdown with time controls list should be visible when the input has focus @default false */\n  withDropdown?: boolean;\n\n  /** Props passed down to `Popover` component */\n  popoverProps?: PopoverProps;\n\n  /** Called once when one of the inputs is focused, not called when focused is shifted between hours, minutes, seconds and am/pm inputs */\n  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n\n  /** Called once when the focus is no longer on any of the inputs */\n  onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;\n\n  /** Props passed down to clear button */\n  clearButtonProps?: CloseButtonProps & ElementProps<'button'> & DataAttributes;\n\n  /** Props passed down to hours input */\n  hoursInputProps?: React.ComponentProps<'input'> & DataAttributes;\n\n  /** Props passed down to minutes input */\n  minutesInputProps?: React.ComponentProps<'input'> & DataAttributes;\n\n  /** Props passed down to seconds input */\n  secondsInputProps?: React.ComponentProps<'input'> & DataAttributes;\n\n  /** Props passed down to am/pm select */\n  amPmSelectProps?: React.ComponentProps<'select'> & DataAttributes;\n\n  /** If set, the value cannot be updated */\n  readOnly?: boolean;\n\n  /** If set, the component becomes disabled */\n  disabled?: boolean;\n\n  /** Props passed down to the hidden input */\n  hiddenInputProps?: React.ComponentProps<'input'> & DataAttributes;\n\n  /** A function to transform paste values, by default time in 24h format can be parsed on paste for example `23:34:22` */\n  pasteSplit?: TimePickerPasteSplit;\n\n  /** A ref object to get node reference of the hours input */\n  hoursRef?: React.Ref<HTMLInputElement>;\n\n  /** A ref object to get node reference of the minutes input */\n  minutesRef?: React.Ref<HTMLInputElement>;\n\n  /** A ref object to get node reference of the seconds input */\n  secondsRef?: React.Ref<HTMLInputElement>;\n\n  /** A ref object to get node reference of the am/pm select */\n  amPmRef?: React.Ref<HTMLSelectElement>;\n\n  /** Time presets to display in the dropdown */\n  presets?: TimePickerPresets;\n\n  /** Maximum height of the content displayed in the dropdown in px @default 200 */\n  maxDropdownContentHeight?: number;\n\n  /** Props passed down to all underlying `ScrollArea` components */\n  scrollAreaProps?: ScrollAreaProps;\n\n  /** If set, the time controls list are reversed, @default false */\n  reverseTimeControlsList?: boolean;\n\n  /** Hours input placeholder, @default -- */\n  hoursPlaceholder?: string;\n\n  /** Minutes input placeholder, @default -- */\n  minutesPlaceholder?: string;\n\n  /** Seconds input placeholder, @default -- */\n  secondsPlaceholder?: string;\n}\n\nexport type TimePickerFactory = Factory<{\n  props: TimePickerProps;\n  ref: HTMLDivElement;\n  stylesNames: TimePickerStylesNames;\n  vars: TimePickerCssVariables;\n  variant: InputVariant;\n}>;\n\nconst defaultProps = {\n  hoursStep: 1,\n  minutesStep: 1,\n  secondsStep: 1,\n  format: '24h',\n  amPmLabels: { am: 'AM', pm: 'PM' },\n  pasteSplit: getParsedTime,\n  maxDropdownContentHeight: 200,\n  hoursPlaceholder: '--',\n  minutesPlaceholder: '--',\n  secondsPlaceholder: '--',\n} satisfies Partial<TimePickerProps>;\n\nconst varsResolver = createVarsResolver<TimePickerFactory>((_theme, { size }) => ({\n  dropdown: {\n    '--control-font-size': getFontSize(size),\n  },\n}));\n\nexport const TimePicker = factory<TimePickerFactory>((_props) => {\n  const props = useProps('TimePicker', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    onClick,\n    format,\n    value,\n    defaultValue,\n    onChange,\n    hoursStep,\n    minutesStep,\n    secondsStep,\n    withSeconds,\n    hoursInputLabel,\n    minutesInputLabel,\n    secondsInputLabel,\n    amPmInputLabel,\n    amPmLabels,\n    clearable,\n    clearSectionMode,\n    onMouseDown,\n    onFocusCapture,\n    onBlurCapture,\n    min,\n    max,\n    popoverProps,\n    withDropdown,\n    rightSection,\n    onFocus,\n    onBlur,\n    clearButtonProps,\n    hoursInputProps,\n    minutesInputProps,\n    secondsInputProps,\n    amPmSelectProps,\n    readOnly,\n    disabled,\n    size,\n    name,\n    form,\n    hiddenInputProps,\n    labelProps,\n    pasteSplit,\n    hoursRef,\n    minutesRef,\n    secondsRef,\n    amPmRef,\n    presets,\n    maxDropdownContentHeight,\n    scrollAreaProps,\n    attributes,\n    reverseTimeControlsList,\n    hoursPlaceholder,\n    minutesPlaceholder,\n    secondsPlaceholder,\n    ...others\n  } = props;\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<TimePickerFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  const getStyles = useStyles<TimePickerFactory>({\n    name: 'TimePicker',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const controller = useTimePicker({\n    value,\n    defaultValue,\n    onChange,\n    format,\n    amPmLabels,\n    withSeconds,\n    min,\n    max,\n    clearable,\n    disabled,\n    readOnly,\n    pasteSplit,\n  });\n\n  const _hoursRef = useMergedRef(controller.refs.hours, hoursRef);\n  const _minutesRef = useMergedRef(controller.refs.minutes, minutesRef);\n  const _secondsRef = useMergedRef(controller.refs.seconds, secondsRef);\n  const _amPmRef = useMergedRef(controller.refs.amPm, amPmRef);\n\n  const hoursInputId = useId();\n  const hasFocusRef = useRef(false);\n  const [dropdownOpened, setDropdownOpened] = useState(false);\n\n  const handleFocus = (event: React.FocusEvent<any>) => {\n    if (!hasFocusRef.current) {\n      hasFocusRef.current = true;\n      onFocus?.(event);\n    }\n  };\n\n  const handleBlur = (event: React.FocusEvent<HTMLDivElement>) => {\n    if (!event.currentTarget.contains(event.relatedTarget)) {\n      const computedValue = controller.values;\n      const timeString = getTimeString({\n        ...computedValue,\n        format,\n        amPmLabels,\n        withSeconds: !!withSeconds,\n      });\n\n      if (timeString.valid && (min || max)) {\n        const clamped = clampTime(timeString.value, min, max);\n\n        if (clamped.timeString !== timeString.value) {\n          controller.setTimeString(clamped.timeString);\n        }\n      }\n      hasFocusRef.current = false;\n      onBlur?.(event);\n    }\n  };\n\n  return (\n    <TimePickerProvider value={{ getStyles, scrollAreaProps, maxDropdownContentHeight }}>\n      <Popover\n        opened={dropdownOpened}\n        transitionProps={{ duration: 0 }}\n        position=\"bottom-start\"\n        withRoles={false}\n        disabled={disabled || readOnly || !withDropdown}\n        {...popoverProps}\n      >\n        <Popover.Target>\n          <InputBase\n            component=\"div\"\n            size={size}\n            disabled={disabled}\n            onClick={(event) => {\n              onClick?.(event);\n              controller.focus('hours');\n            }}\n            onMouseDown={(event) => {\n              event.preventDefault();\n              onMouseDown?.(event);\n            }}\n            onFocusCapture={(event) => {\n              setDropdownOpened(true);\n              onFocusCapture?.(event);\n            }}\n            onBlurCapture={(event) => {\n              setDropdownOpened(false);\n              onBlurCapture?.(event);\n            }}\n            rightSection={rightSection}\n            __clearSection={\n              <CloseButton\n                {...clearButtonProps}\n                size={size}\n                onClick={(event) => {\n                  controller.clear();\n                  clearButtonProps?.onClick?.(event);\n                }}\n                onMouseDown={(event) => {\n                  event.preventDefault();\n                  clearButtonProps?.onMouseDown?.(event);\n                }}\n              />\n            }\n            __clearable={controller.isClearable}\n            __clearSectionMode={clearSectionMode}\n            labelProps={{ htmlFor: hoursInputId, ...labelProps }}\n            style={style}\n            className={className}\n            classNames={resolvedClassNames}\n            styles={resolvedStyles}\n            attributes={attributes}\n            __staticSelector=\"TimePicker\"\n            {...others}\n          >\n            <div {...getStyles('fieldsRoot')} dir=\"ltr\">\n              <div {...getStyles('fieldsGroup')} onBlur={handleBlur}>\n                <SpinInput\n                  id={hoursInputId}\n                  {...hoursInputProps}\n                  {...getStyles('field', {\n                    className: hoursInputProps?.className,\n                    style: hoursInputProps?.style,\n                  })}\n                  value={controller.values.hours}\n                  onChange={controller.setHours}\n                  onNextInput={() => controller.focus('minutes')}\n                  min={format === '12h' ? 1 : 0}\n                  max={format === '12h' ? 12 : 23}\n                  allowTemporaryZero={format === '12h'}\n                  focusable\n                  step={hoursStep}\n                  ref={_hoursRef}\n                  aria-label={hoursInputLabel}\n                  readOnly={readOnly}\n                  disabled={disabled}\n                  onPaste={controller.onPaste}\n                  onFocus={(event) => {\n                    handleFocus(event);\n                    hoursInputProps?.onFocus?.(event);\n                  }}\n                  onBlur={(event) => {\n                    const actualInputValue = event.currentTarget.value;\n                    const numericValue = actualInputValue ? parseInt(actualInputValue, 10) : null;\n\n                    if (format === '12h' && numericValue === 0) {\n                      controller.setHours(12);\n                    }\n                    hoursInputProps?.onBlur?.(event);\n                  }}\n                  placeholder={hoursPlaceholder}\n                />\n                <span>:</span>\n                <SpinInput\n                  {...minutesInputProps}\n                  {...getStyles('field', {\n                    className: minutesInputProps?.className,\n                    style: minutesInputProps?.style,\n                  })}\n                  value={controller.values.minutes}\n                  onChange={controller.setMinutes}\n                  min={0}\n                  max={59}\n                  focusable\n                  step={minutesStep}\n                  ref={_minutesRef}\n                  onPreviousInput={() => controller.focus('hours')}\n                  onNextInput={() =>\n                    withSeconds ? controller.focus('seconds') : controller.focus('amPm')\n                  }\n                  aria-label={minutesInputLabel}\n                  tabIndex={-1}\n                  readOnly={readOnly}\n                  disabled={disabled}\n                  onPaste={controller.onPaste}\n                  onFocus={(event) => {\n                    handleFocus(event);\n                    minutesInputProps?.onFocus?.(event);\n                  }}\n                  placeholder={minutesPlaceholder}\n                />\n\n                {withSeconds && (\n                  <>\n                    <span>:</span>\n                    <SpinInput\n                      {...secondsInputProps}\n                      {...getStyles('field', {\n                        className: secondsInputProps?.className,\n                        style: secondsInputProps?.style,\n                      })}\n                      value={controller.values.seconds}\n                      onChange={controller.setSeconds}\n                      min={0}\n                      max={59}\n                      focusable\n                      step={secondsStep}\n                      ref={_secondsRef}\n                      onPreviousInput={() => controller.focus('minutes')}\n                      onNextInput={() => controller.focus('amPm')}\n                      aria-label={secondsInputLabel}\n                      tabIndex={-1}\n                      readOnly={readOnly}\n                      disabled={disabled}\n                      onPaste={controller.onPaste}\n                      onFocus={(event) => {\n                        handleFocus(event);\n                        secondsInputProps?.onFocus?.(event);\n                      }}\n                      placeholder={secondsPlaceholder}\n                    />\n                  </>\n                )}\n\n                {format === '12h' && (\n                  <AmPmInput\n                    {...amPmSelectProps}\n                    inputType={withDropdown ? 'input' : 'select'}\n                    labels={amPmLabels}\n                    value={controller.values.amPm}\n                    onChange={controller.setAmPm}\n                    ref={_amPmRef}\n                    aria-label={amPmInputLabel}\n                    onPreviousInput={() =>\n                      withSeconds ? controller.focus('seconds') : controller.focus('minutes')\n                    }\n                    readOnly={readOnly}\n                    disabled={disabled}\n                    tabIndex={-1}\n                    onPaste={controller.onPaste}\n                    onFocus={(event) => {\n                      handleFocus(event);\n                      amPmSelectProps?.onFocus?.(event);\n                    }}\n                  />\n                )}\n              </div>\n            </div>\n\n            <input\n              type=\"hidden\"\n              name={name}\n              form={form}\n              value={controller.hiddenInputValue}\n              {...hiddenInputProps}\n            />\n          </InputBase>\n        </Popover.Target>\n        <Popover.Dropdown\n          {...getStyles('dropdown')}\n          onMouseDown={(event) => event.preventDefault()}\n        >\n          {presets ? (\n            <TimePresets\n              value={controller.hiddenInputValue}\n              onChange={controller.setTimeString}\n              format={format}\n              presets={presets}\n              amPmLabels={amPmLabels}\n              withSeconds={withSeconds || false}\n            />\n          ) : (\n            <div {...getStyles('controlsListGroup')}>\n              <TimeControlsList\n                min={format === '12h' ? 1 : 0}\n                max={format === '12h' ? 12 : 23}\n                step={hoursStep}\n                value={controller.values.hours}\n                onSelect={controller.setHours}\n                reversed={reverseTimeControlsList}\n              />\n              <TimeControlsList\n                min={0}\n                max={59}\n                step={minutesStep}\n                value={controller.values.minutes}\n                onSelect={controller.setMinutes}\n                reversed={reverseTimeControlsList}\n              />\n              {withSeconds && (\n                <TimeControlsList\n                  min={0}\n                  max={59}\n                  step={secondsStep}\n                  value={controller.values.seconds}\n                  onSelect={controller.setSeconds}\n                  reversed={reverseTimeControlsList}\n                />\n              )}\n              {format === '12h' && (\n                <AmPmControlsList\n                  labels={amPmLabels}\n                  value={controller.values.amPm}\n                  onSelect={controller.setAmPm}\n                />\n              )}\n            </div>\n          )}\n        </Popover.Dropdown>\n      </Popover>\n    </TimePickerProvider>\n  );\n});\n\nTimePicker.displayName = '@mantine/dates/TimePicker';\nTimePicker.classes = classes;\nTimePicker.varsResolver = varsResolver;\n"],"mappings":"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"}
+{"version":3,"file":"TimePicker.mjs","names":["classes"],"sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport {\n  __BaseInputProps,\n  __InputStylesNames,\n  BoxProps,\n  ClearSectionMode,\n  CloseButton,\n  CloseButtonProps,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getFontSize,\n  InputBase,\n  InputVariant,\n  Popover,\n  PopoverProps,\n  ScrollAreaProps,\n  StylesApiProps,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { useId, useMergedRef } from '@mantine/hooks';\nimport { SpinInput } from '../SpinInput';\nimport { AmPmInput } from './AmPmInput/AmPmInput';\nimport { AmPmControlsList } from './TimeControlsList/AmPmControlsList';\nimport { TimeControlsList } from './TimeControlsList/TimeControlsList';\nimport { TimePickerProvider } from './TimePicker.context';\nimport {\n  TimePickerAmPmLabels,\n  TimePickerFormat,\n  TimePickerPasteSplit,\n  TimePickerPresets,\n} from './TimePicker.types';\nimport { TimePresets } from './TimePresets/TimePresets';\nimport { useTimePicker } from './use-time-picker';\nimport { clampTime } from './utils/clamp-time/clamp-time';\nimport { getParsedTime } from './utils/get-parsed-time/get-parsed-time';\nimport { getTimeString } from './utils/get-time-string/get-time-string';\nimport classes from './TimePicker.module.css';\n\nexport type TimePickerStylesNames =\n  | 'fieldsRoot'\n  | 'fieldsGroup'\n  | 'field'\n  | 'controlsList'\n  | 'controlsListGroup'\n  | 'control'\n  | 'dropdown'\n  | 'presetsRoot'\n  | 'presetsGroup'\n  | 'presetsGroupLabel'\n  | 'presetControl'\n  | 'scrollarea'\n  | __InputStylesNames;\n\nexport type TimePickerCssVariables = {\n  dropdown: '--control-font-size';\n};\n\nexport interface TimePickerProps\n  extends\n    BoxProps,\n    __BaseInputProps,\n    StylesApiProps<TimePickerFactory>,\n    ElementProps<'div', 'onChange' | 'defaultValue'> {\n  /** Controlled component value */\n  value?: string;\n\n  /** Uncontrolled component default value */\n  defaultValue?: string;\n\n  /** Called when the value changes */\n  onChange?: (value: string) => void;\n\n  /** Determines whether the clear button should be displayed @default false */\n  clearable?: boolean;\n\n  /** Determines how the clear button and rightSection are rendered @default 'both' */\n  clearSectionMode?: ClearSectionMode;\n\n  /** `name` prop passed down to the hidden input */\n  name?: string;\n\n  /** `form` prop passed down to the hidden input */\n  form?: string;\n\n  /** Min possible time value in `hh:mm:ss` format */\n  min?: string;\n\n  /** Max possible time value in `hh:mm:ss` format */\n  max?: string;\n\n  /** Time format, `'24h'` by default */\n  format?: TimePickerFormat;\n\n  /** Number by which hours are incremented/decremented @default 1 */\n  hoursStep?: number;\n\n  /** Number by which minutes are incremented/decremented @default 1 */\n  minutesStep?: number;\n\n  /** Number by which seconds are incremented/decremented @default 1 */\n  secondsStep?: number;\n\n  /** Determines whether the seconds input should be displayed @default false */\n  withSeconds?: boolean;\n\n  /** `aria-label` of hours input */\n  hoursInputLabel?: string;\n\n  /** `aria-label` of minutes input */\n  minutesInputLabel?: string;\n\n  /** `aria-label` of seconds input */\n  secondsInputLabel?: string;\n\n  /** `aria-label` of am/pm input */\n  amPmInputLabel?: string;\n\n  /** Labels used for am/pm values @default { am: 'AM', pm: 'PM' } */\n  amPmLabels?: TimePickerAmPmLabels;\n\n  /** Determines whether the dropdown with time controls list should be visible when the input has focus @default false */\n  withDropdown?: boolean;\n\n  /** Props passed down to `Popover` component */\n  popoverProps?: PopoverProps;\n\n  /** Called once when one of the inputs is focused, not called when focused is shifted between hours, minutes, seconds and am/pm inputs */\n  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n\n  /** Called once when the focus is no longer on any of the inputs */\n  onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;\n\n  /** Props passed down to clear button */\n  clearButtonProps?: CloseButtonProps & ElementProps<'button'> & DataAttributes;\n\n  /** Props passed down to hours input */\n  hoursInputProps?: React.ComponentProps<'input'> & DataAttributes;\n\n  /** Props passed down to minutes input */\n  minutesInputProps?: React.ComponentProps<'input'> & DataAttributes;\n\n  /** Props passed down to seconds input */\n  secondsInputProps?: React.ComponentProps<'input'> & DataAttributes;\n\n  /** Props passed down to am/pm select */\n  amPmSelectProps?: React.ComponentProps<'select'> & DataAttributes;\n\n  /** If set, the value cannot be updated */\n  readOnly?: boolean;\n\n  /** If set, the component becomes disabled */\n  disabled?: boolean;\n\n  /** Props passed down to the hidden input */\n  hiddenInputProps?: React.ComponentProps<'input'> & DataAttributes;\n\n  /** A function to transform paste values, by default time in 24h format can be parsed on paste for example `23:34:22` */\n  pasteSplit?: TimePickerPasteSplit;\n\n  /** A ref object to get node reference of the hours input */\n  hoursRef?: React.Ref<HTMLInputElement>;\n\n  /** A ref object to get node reference of the minutes input */\n  minutesRef?: React.Ref<HTMLInputElement>;\n\n  /** A ref object to get node reference of the seconds input */\n  secondsRef?: React.Ref<HTMLInputElement>;\n\n  /** A ref object to get node reference of the am/pm select */\n  amPmRef?: React.Ref<HTMLSelectElement>;\n\n  /** Time presets to display in the dropdown */\n  presets?: TimePickerPresets;\n\n  /** Maximum height of the content displayed in the dropdown in px @default 200 */\n  maxDropdownContentHeight?: number;\n\n  /** Props passed down to all underlying `ScrollArea` components */\n  scrollAreaProps?: ScrollAreaProps;\n\n  /** If set, the time controls list are reversed, @default false */\n  reverseTimeControlsList?: boolean;\n\n  /** Hours input placeholder, @default -- */\n  hoursPlaceholder?: string;\n\n  /** Minutes input placeholder, @default -- */\n  minutesPlaceholder?: string;\n\n  /** Seconds input placeholder, @default -- */\n  secondsPlaceholder?: string;\n}\n\nexport type TimePickerFactory = Factory<{\n  props: TimePickerProps;\n  ref: HTMLDivElement;\n  stylesNames: TimePickerStylesNames;\n  vars: TimePickerCssVariables;\n  variant: InputVariant;\n}>;\n\nconst defaultProps = {\n  hoursStep: 1,\n  minutesStep: 1,\n  secondsStep: 1,\n  format: '24h',\n  amPmLabels: { am: 'AM', pm: 'PM' },\n  pasteSplit: getParsedTime,\n  maxDropdownContentHeight: 200,\n  hoursPlaceholder: '--',\n  minutesPlaceholder: '--',\n  secondsPlaceholder: '--',\n} satisfies Partial<TimePickerProps>;\n\nconst varsResolver = createVarsResolver<TimePickerFactory>((_theme, { size }) => ({\n  dropdown: {\n    '--control-font-size': getFontSize(size),\n  },\n}));\n\nexport const TimePicker = factory<TimePickerFactory>((_props) => {\n  const props = useProps('TimePicker', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    onClick,\n    format,\n    value,\n    defaultValue,\n    onChange,\n    hoursStep,\n    minutesStep,\n    secondsStep,\n    withSeconds,\n    hoursInputLabel,\n    minutesInputLabel,\n    secondsInputLabel,\n    amPmInputLabel,\n    amPmLabels,\n    clearable,\n    clearSectionMode,\n    onMouseDown,\n    onFocusCapture,\n    onBlurCapture,\n    min,\n    max,\n    popoverProps,\n    withDropdown,\n    rightSection,\n    onFocus,\n    onBlur,\n    clearButtonProps,\n    hoursInputProps,\n    minutesInputProps,\n    secondsInputProps,\n    amPmSelectProps,\n    readOnly,\n    disabled,\n    size,\n    name,\n    form,\n    hiddenInputProps,\n    labelProps,\n    pasteSplit,\n    hoursRef,\n    minutesRef,\n    secondsRef,\n    amPmRef,\n    presets,\n    maxDropdownContentHeight,\n    scrollAreaProps,\n    attributes,\n    reverseTimeControlsList,\n    hoursPlaceholder,\n    minutesPlaceholder,\n    secondsPlaceholder,\n    ...others\n  } = props;\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<TimePickerFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  const getStyles = useStyles<TimePickerFactory>({\n    name: 'TimePicker',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const controller = useTimePicker({\n    value,\n    defaultValue,\n    onChange,\n    format,\n    amPmLabels,\n    withSeconds,\n    min,\n    max,\n    clearable,\n    disabled,\n    readOnly,\n    pasteSplit,\n  });\n\n  const _hoursRef = useMergedRef(controller.refs.hours, hoursRef);\n  const _minutesRef = useMergedRef(controller.refs.minutes, minutesRef);\n  const _secondsRef = useMergedRef(controller.refs.seconds, secondsRef);\n  const _amPmRef = useMergedRef(controller.refs.amPm, amPmRef);\n\n  const hoursInputId = useId();\n  const hasFocusRef = useRef(false);\n  const [dropdownOpened, setDropdownOpened] = useState(false);\n\n  const handleFocus = (event: React.FocusEvent<any>) => {\n    if (!hasFocusRef.current) {\n      hasFocusRef.current = true;\n      onFocus?.(event);\n    }\n  };\n\n  const handleBlur = (event: React.FocusEvent<HTMLDivElement>) => {\n    if (!event.currentTarget.contains(event.relatedTarget)) {\n      const computedValue = controller.values;\n      const timeString = getTimeString({\n        ...computedValue,\n        format,\n        amPmLabels,\n        withSeconds: !!withSeconds,\n      });\n\n      if (timeString.valid && (min || max)) {\n        const clamped = clampTime(timeString.value, min, max);\n\n        if (clamped.timeString !== timeString.value) {\n          controller.setTimeString(clamped.timeString);\n        }\n      }\n      hasFocusRef.current = false;\n      onBlur?.(event);\n    }\n  };\n\n  return (\n    <TimePickerProvider value={{ getStyles, scrollAreaProps, maxDropdownContentHeight }}>\n      <Popover\n        opened={dropdownOpened}\n        transitionProps={{ duration: 0 }}\n        position=\"bottom-start\"\n        withRoles={false}\n        disabled={disabled || readOnly || !withDropdown}\n        {...popoverProps}\n      >\n        <Popover.Target>\n          <InputBase\n            component=\"div\"\n            size={size}\n            disabled={disabled}\n            onClick={(event) => {\n              onClick?.(event);\n              controller.focus('hours');\n            }}\n            onMouseDown={(event) => {\n              event.preventDefault();\n              onMouseDown?.(event);\n            }}\n            onFocusCapture={(event) => {\n              setDropdownOpened(true);\n              onFocusCapture?.(event);\n            }}\n            onBlurCapture={(event) => {\n              setDropdownOpened(false);\n              onBlurCapture?.(event);\n            }}\n            rightSection={rightSection}\n            __clearSection={\n              <CloseButton\n                {...clearButtonProps}\n                size={size}\n                onClick={(event) => {\n                  controller.clear();\n                  clearButtonProps?.onClick?.(event);\n                }}\n                onMouseDown={(event) => {\n                  event.preventDefault();\n                  clearButtonProps?.onMouseDown?.(event);\n                }}\n              />\n            }\n            __clearable={controller.isClearable}\n            __clearSectionMode={clearSectionMode}\n            labelProps={{ htmlFor: hoursInputId, ...labelProps }}\n            style={style}\n            className={className}\n            classNames={resolvedClassNames}\n            styles={resolvedStyles}\n            attributes={attributes}\n            __staticSelector=\"TimePicker\"\n            {...others}\n          >\n            <div {...getStyles('fieldsRoot')} dir=\"ltr\">\n              <div {...getStyles('fieldsGroup')} onBlur={handleBlur}>\n                <SpinInput\n                  id={hoursInputId}\n                  {...hoursInputProps}\n                  {...getStyles('field', {\n                    className: hoursInputProps?.className,\n                    style: hoursInputProps?.style,\n                  })}\n                  value={controller.values.hours}\n                  onChange={controller.setHours}\n                  onNextInput={() => controller.focus('minutes')}\n                  min={format === '12h' ? 1 : 0}\n                  max={format === '12h' ? 12 : 23}\n                  allowTemporaryZero={format === '12h'}\n                  focusable\n                  step={hoursStep}\n                  ref={_hoursRef}\n                  aria-label={hoursInputLabel}\n                  readOnly={readOnly}\n                  disabled={disabled}\n                  onPaste={controller.onPaste}\n                  onFocus={(event) => {\n                    handleFocus(event);\n                    hoursInputProps?.onFocus?.(event);\n                  }}\n                  onBlur={(event) => {\n                    const actualInputValue = event.currentTarget.value;\n                    const numericValue = actualInputValue ? parseInt(actualInputValue, 10) : null;\n\n                    if (format === '12h' && numericValue === 0) {\n                      controller.setHours(12);\n                    }\n                    hoursInputProps?.onBlur?.(event);\n                  }}\n                  placeholder={hoursPlaceholder}\n                />\n                <span>:</span>\n                <SpinInput\n                  {...minutesInputProps}\n                  {...getStyles('field', {\n                    className: minutesInputProps?.className,\n                    style: minutesInputProps?.style,\n                  })}\n                  value={controller.values.minutes}\n                  onChange={controller.setMinutes}\n                  min={0}\n                  max={59}\n                  focusable\n                  step={minutesStep}\n                  ref={_minutesRef}\n                  onPreviousInput={() => controller.focus('hours')}\n                  onNextInput={() =>\n                    withSeconds ? controller.focus('seconds') : controller.focus('amPm')\n                  }\n                  aria-label={minutesInputLabel}\n                  tabIndex={-1}\n                  readOnly={readOnly}\n                  disabled={disabled}\n                  onPaste={controller.onPaste}\n                  onFocus={(event) => {\n                    handleFocus(event);\n                    minutesInputProps?.onFocus?.(event);\n                  }}\n                  placeholder={minutesPlaceholder}\n                />\n\n                {withSeconds && (\n                  <>\n                    <span>:</span>\n                    <SpinInput\n                      {...secondsInputProps}\n                      {...getStyles('field', {\n                        className: secondsInputProps?.className,\n                        style: secondsInputProps?.style,\n                      })}\n                      value={controller.values.seconds}\n                      onChange={controller.setSeconds}\n                      min={0}\n                      max={59}\n                      focusable\n                      step={secondsStep}\n                      ref={_secondsRef}\n                      onPreviousInput={() => controller.focus('minutes')}\n                      onNextInput={() => controller.focus('amPm')}\n                      aria-label={secondsInputLabel}\n                      tabIndex={-1}\n                      readOnly={readOnly}\n                      disabled={disabled}\n                      onPaste={controller.onPaste}\n                      onFocus={(event) => {\n                        handleFocus(event);\n                        secondsInputProps?.onFocus?.(event);\n                      }}\n                      placeholder={secondsPlaceholder}\n                    />\n                  </>\n                )}\n\n                {format === '12h' && (\n                  <AmPmInput\n                    {...amPmSelectProps}\n                    inputType={withDropdown ? 'input' : 'select'}\n                    labels={amPmLabels}\n                    value={controller.values.amPm}\n                    onChange={controller.setAmPm}\n                    ref={_amPmRef}\n                    aria-label={amPmInputLabel}\n                    onPreviousInput={() =>\n                      withSeconds ? controller.focus('seconds') : controller.focus('minutes')\n                    }\n                    readOnly={readOnly}\n                    disabled={disabled}\n                    tabIndex={-1}\n                    onPaste={controller.onPaste}\n                    onFocus={(event) => {\n                      handleFocus(event);\n                      amPmSelectProps?.onFocus?.(event);\n                    }}\n                  />\n                )}\n              </div>\n            </div>\n\n            <input\n              type=\"hidden\"\n              name={name}\n              form={form}\n              value={controller.hiddenInputValue}\n              {...hiddenInputProps}\n            />\n          </InputBase>\n        </Popover.Target>\n        <Popover.Dropdown\n          {...getStyles('dropdown')}\n          onMouseDown={(event) => event.preventDefault()}\n        >\n          {presets ? (\n            <TimePresets\n              value={controller.hiddenInputValue}\n              onChange={controller.setTimeString}\n              format={format}\n              presets={presets}\n              amPmLabels={amPmLabels}\n              withSeconds={withSeconds || false}\n            />\n          ) : (\n            <div {...getStyles('controlsListGroup')}>\n              <TimeControlsList\n                min={format === '12h' ? 1 : 0}\n                max={format === '12h' ? 12 : 23}\n                step={hoursStep}\n                value={controller.values.hours}\n                onSelect={controller.setHours}\n                reversed={reverseTimeControlsList}\n              />\n              <TimeControlsList\n                min={0}\n                max={59}\n                step={minutesStep}\n                value={controller.values.minutes}\n                onSelect={controller.setMinutes}\n                reversed={reverseTimeControlsList}\n              />\n              {withSeconds && (\n                <TimeControlsList\n                  min={0}\n                  max={59}\n                  step={secondsStep}\n                  value={controller.values.seconds}\n                  onSelect={controller.setSeconds}\n                  reversed={reverseTimeControlsList}\n                />\n              )}\n              {format === '12h' && (\n                <AmPmControlsList\n                  labels={amPmLabels}\n                  value={controller.values.amPm}\n                  onSelect={controller.setAmPm}\n                />\n              )}\n            </div>\n          )}\n        </Popover.Dropdown>\n      </Popover>\n    </TimePickerProvider>\n  );\n});\n\nTimePicker.displayName = '@mantine/dates/TimePicker';\nTimePicker.classes = classes;\nTimePicker.varsResolver = varsResolver;\n\nexport namespace TimePicker {\n  export type Props = TimePickerProps;\n  export type StylesNames = TimePickerStylesNames;\n  export type Factory = TimePickerFactory;\n  export type CssVariables = TimePickerCssVariables;\n  export type Format = TimePickerFormat;\n  export type AmPmLabels = TimePickerAmPmLabels;\n  export type PasteSplit = TimePickerPasteSplit;\n  export type Presets = TimePickerPresets;\n}\n"],"mappings":"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"}

package/esm/components/YearPicker/YearPicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YearPicker.mjs","names":[],"sources":["../../../src/components/YearPicker/YearPicker.tsx"],"sourcesContent":["import {\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  MantineComponentStaticProperties,\n  StylesApiProps,\n  useProps,\n  useResolvedStylesApi,\n} from '@mantine/core';\nimport { useDatesState } from '../../hooks';\nimport { DatePickerType, DateStringValue, PickerBaseProps } from '../../types';\nimport { Calendar, CalendarBaseProps } from '../Calendar';\nimport { DecadeLevelBaseSettings } from '../DecadeLevel';\nimport { DecadeLevelGroupStylesNames } from '../DecadeLevelGroup';\n\nexport type YearPickerStylesNames = DecadeLevelGroupStylesNames;\n\nexport interface YearPickerBaseProps<Type extends DatePickerType = 'default'>\n  extends\n    PickerBaseProps<Type>,\n    DecadeLevelBaseSettings,\n    Omit<\n      CalendarBaseProps,\n      'onNextYear' | 'onPreviousYear' | 'onNextMonth' | 'onPreviousMonth' | 'hasNextLevel'\n    > {}\n\nexport interface YearPickerProps<Type extends DatePickerType = 'default'>\n  extends\n    BoxProps,\n    YearPickerBaseProps<Type>,\n    StylesApiProps<YearPickerFactory>,\n    ElementProps<'div', 'onChange' | 'value' | 'defaultValue'> {\n  /** Called when year is selected */\n  onYearSelect?: (date: DateStringValue) => void;\n}\n\nexport type YearPickerFactory = Factory<{\n  props: YearPickerProps;\n  ref: HTMLDivElement;\n  stylesNames: YearPickerStylesNames;\n}>;\n\nconst defaultProps = {\n  type: 'default',\n} satisfies Partial<YearPickerProps>;\n\ntype YearPickerComponent = (<Type extends DatePickerType = 'default'>(\n  props: YearPickerProps<Type> & { ref?: React.Ref<HTMLDivElement> }\n) => React.JSX.Element) & {\n  displayName?: string;\n} & MantineComponentStaticProperties<YearPickerFactory>;\n\nexport const YearPicker: YearPickerComponent = factory<YearPickerFactory>((_props) => {\n  const props = useProps('YearPicker', defaultProps, _props);\n  const {\n    classNames,\n    styles,\n    vars,\n    type,\n    defaultValue,\n    value,\n    onChange,\n    __staticSelector,\n    getYearControlProps,\n    allowSingleDateInRange,\n    allowDeselect,\n    onMouseLeave,\n    onYearSelect,\n    __updateDateOnYearSelect,\n    ...others\n  } = props;\n\n  const { onDateChange, onRootMouseLeave, onHoveredDateChange, getControlProps } = useDatesState({\n    type: type as any,\n    level: 'year',\n    allowDeselect,\n    allowSingleDateInRange,\n    value,\n    defaultValue,\n    onChange: onChange as any,\n    onMouseLeave,\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<YearPickerFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  return (\n    <Calendar\n      minLevel=\"decade\"\n      __updateDateOnYearSelect={__updateDateOnYearSelect ?? false}\n      __staticSelector={__staticSelector || 'YearPicker'}\n      onMouseLeave={onRootMouseLeave}\n      onYearMouseEnter={(_event, date) => onHoveredDateChange(date)}\n      onYearSelect={(date) => {\n        onDateChange(date);\n        onYearSelect?.(date);\n      }}\n      getYearControlProps={(date) => ({\n        ...getControlProps(date),\n        ...getYearControlProps?.(date),\n      })}\n      classNames={resolvedClassNames}\n      styles={resolvedStyles}\n      {...others}\n    />\n  );\n}) as any;\n\nYearPicker.classes = Calendar.classes;\nYearPicker.displayName = '@mantine/dates/YearPicker';\n"],"mappings":";;;;;;AA2CA,MAAM,eAAe,EACnB,MAAM,WACP;AAQD,MAAa,aAAkC,SAA4B,WAAW;CACpF,MAAM,QAAQ,SAAS,cAAc,cAAc,OAAO;CAC1D,MAAM,EACJ,YACA,QACA,MACA,MACA,cACA,OACA,UACA,kBACA,qBACA,wBACA,eACA,cACA,cACA,0BACA,GAAG,WACD;CAEJ,MAAM,EAAE,cAAc,kBAAkB,qBAAqB,oBAAoB,cAAc;EACvF;EACN,OAAO;EACP;EACA;EACA;EACA;EACU;EACV;EACD,CAAC;CAEF,MAAM,EAAE,oBAAoB,mBAAmB,qBAAwC;EACrF;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC,UAAD;EACE,UAAS;EACT,0BAA0B,4BAA4B;EACtD,kBAAkB,oBAAoB;EACtC,cAAc;EACd,mBAAmB,QAAQ,SAAS,oBAAoB,KAAK;EAC7D,eAAe,SAAS;AACtB,gBAAa,KAAK;AAClB,kBAAe,KAAK;;EAEtB,sBAAsB,UAAU;GAC9B,GAAG,gBAAgB,KAAK;GACxB,GAAG,sBAAsB,KAAK;GAC/B;EACD,YAAY;EACZ,QAAQ;EACR,GAAI;EACJ,CAAA;EAEJ;AAEF,WAAW,UAAU,SAAS;AAC9B,WAAW,cAAc"}
+{"version":3,"file":"YearPicker.mjs","names":[],"sources":["../../../src/components/YearPicker/YearPicker.tsx"],"sourcesContent":["import {\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  MantineComponentStaticProperties,\n  StylesApiProps,\n  useProps,\n  useResolvedStylesApi,\n} from '@mantine/core';\nimport { useDatesState } from '../../hooks';\nimport { DatePickerType, DateStringValue, PickerBaseProps } from '../../types';\nimport { Calendar, CalendarBaseProps } from '../Calendar';\nimport { DecadeLevelBaseSettings } from '../DecadeLevel';\nimport { DecadeLevelGroupStylesNames } from '../DecadeLevelGroup';\n\nexport type YearPickerStylesNames = DecadeLevelGroupStylesNames;\n\nexport interface YearPickerBaseProps<Type extends DatePickerType = 'default'>\n  extends\n    PickerBaseProps<Type>,\n    DecadeLevelBaseSettings,\n    Omit<\n      CalendarBaseProps,\n      'onNextYear' | 'onPreviousYear' | 'onNextMonth' | 'onPreviousMonth' | 'hasNextLevel'\n    > {}\n\nexport interface YearPickerProps<Type extends DatePickerType = 'default'>\n  extends\n    BoxProps,\n    YearPickerBaseProps<Type>,\n    StylesApiProps<YearPickerFactory>,\n    ElementProps<'div', 'onChange' | 'value' | 'defaultValue'> {\n  /** Called when year is selected */\n  onYearSelect?: (date: DateStringValue) => void;\n}\n\nexport type YearPickerFactory = Factory<{\n  props: YearPickerProps;\n  ref: HTMLDivElement;\n  stylesNames: YearPickerStylesNames;\n}>;\n\nconst defaultProps = {\n  type: 'default',\n} satisfies Partial<YearPickerProps>;\n\ntype YearPickerComponent = (<Type extends DatePickerType = 'default'>(\n  props: YearPickerProps<Type> & { ref?: React.Ref<HTMLDivElement> }\n) => React.JSX.Element) & {\n  displayName?: string;\n} & MantineComponentStaticProperties<YearPickerFactory>;\n\nexport const YearPicker: YearPickerComponent = factory<YearPickerFactory>((_props) => {\n  const props = useProps('YearPicker', defaultProps, _props);\n  const {\n    classNames,\n    styles,\n    vars,\n    type,\n    defaultValue,\n    value,\n    onChange,\n    __staticSelector,\n    getYearControlProps,\n    allowSingleDateInRange,\n    allowDeselect,\n    onMouseLeave,\n    onYearSelect,\n    __updateDateOnYearSelect,\n    ...others\n  } = props;\n\n  const { onDateChange, onRootMouseLeave, onHoveredDateChange, getControlProps } = useDatesState({\n    type: type as any,\n    level: 'year',\n    allowDeselect,\n    allowSingleDateInRange,\n    value,\n    defaultValue,\n    onChange: onChange as any,\n    onMouseLeave,\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<YearPickerFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  return (\n    <Calendar\n      minLevel=\"decade\"\n      __updateDateOnYearSelect={__updateDateOnYearSelect ?? false}\n      __staticSelector={__staticSelector || 'YearPicker'}\n      onMouseLeave={onRootMouseLeave}\n      onYearMouseEnter={(_event, date) => onHoveredDateChange(date)}\n      onYearSelect={(date) => {\n        onDateChange(date);\n        onYearSelect?.(date);\n      }}\n      getYearControlProps={(date) => ({\n        ...getControlProps(date),\n        ...getYearControlProps?.(date),\n      })}\n      classNames={resolvedClassNames}\n      styles={resolvedStyles}\n      {...others}\n    />\n  );\n}) as any;\n\nYearPicker.classes = Calendar.classes;\nYearPicker.displayName = '@mantine/dates/YearPicker';\n\nexport namespace YearPicker {\n  export type Props<Type extends DatePickerType = 'default'> = YearPickerProps<Type>;\n  export type BaseProps = YearPickerBaseProps;\n  export type StylesNames = YearPickerStylesNames;\n  export type Factory = YearPickerFactory;\n}\n"],"mappings":";;;;;;AA2CA,MAAM,eAAe,EACnB,MAAM,WACP;AAQD,MAAa,aAAkC,SAA4B,WAAW;CACpF,MAAM,QAAQ,SAAS,cAAc,cAAc,OAAO;CAC1D,MAAM,EACJ,YACA,QACA,MACA,MACA,cACA,OACA,UACA,kBACA,qBACA,wBACA,eACA,cACA,cACA,0BACA,GAAG,WACD;CAEJ,MAAM,EAAE,cAAc,kBAAkB,qBAAqB,oBAAoB,cAAc;EACvF;EACN,OAAO;EACP;EACA;EACA;EACA;EACU;EACV;EACD,CAAC;CAEF,MAAM,EAAE,oBAAoB,mBAAmB,qBAAwC;EACrF;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC,UAAD;EACE,UAAS;EACT,0BAA0B,4BAA4B;EACtD,kBAAkB,oBAAoB;EACtC,cAAc;EACd,mBAAmB,QAAQ,SAAS,oBAAoB,KAAK;EAC7D,eAAe,SAAS;AACtB,gBAAa,KAAK;AAClB,kBAAe,KAAK;;EAEtB,sBAAsB,UAAU;GAC9B,GAAG,gBAAgB,KAAK;GACxB,GAAG,sBAAsB,KAAK;GAC/B;EACD,YAAY;EACZ,QAAQ;EACR,GAAI;EACJ,CAAA;EAEJ;AAEF,WAAW,UAAU,SAAS;AAC9B,WAAW,cAAc"}

package/esm/components/YearPickerInput/YearPickerInput.mjs

@@ -9,6 +9,7 @@ import { factory, useProps, useResolvedStylesApi } from "@mantine/core";
 //#region packages/@mantine/dates/src/components/YearPickerInput/YearPickerInput.tsx
 const defaultProps = {
 	type: "default",
+	size: "sm",
 	valueFormat: "YYYY",
 	closeOnChange: true,
 	sortDates: true,

package/esm/components/YearPickerInput/YearPickerInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YearPickerInput.mjs","names":[],"sources":["../../../src/components/YearPickerInput/YearPickerInput.tsx"],"sourcesContent":["import {\n  __InputStylesNames,\n  BoxProps,\n  factory,\n  Factory,\n  InputVariant,\n  MantineComponentStaticProperties,\n  StylesApiProps,\n  useProps,\n  useResolvedStylesApi,\n} from '@mantine/core';\nimport { useDatesInput } from '../../hooks';\nimport { DatePickerType } from '../../types';\nimport { getDefaultClampedDate } from '../../utils';\nimport { pickCalendarProps } from '../Calendar';\nimport { DateInputSharedProps, PickerInputBase } from '../PickerInputBase';\nimport { YearPicker, YearPickerBaseProps, YearPickerStylesNames } from '../YearPicker';\n\nexport type YearPickerInputStylesNames = __InputStylesNames | 'placeholder' | YearPickerStylesNames;\n\nexport interface YearPickerInputProps<Type extends DatePickerType = 'default'>\n  extends\n    BoxProps,\n    DateInputSharedProps,\n    YearPickerBaseProps<Type>,\n    StylesApiProps<YearPickerInputFactory> {\n  /** `dayjs` format to display input value @default \"YYYY\" */\n  valueFormat?: string;\n}\n\nexport type YearPickerInputFactory = Factory<{\n  props: YearPickerInputProps;\n  ref: HTMLButtonElement;\n  stylesNames: YearPickerInputStylesNames;\n  variant: InputVariant;\n}>;\n\nconst defaultProps = {\n  type: 'default',\n  valueFormat: 'YYYY',\n  closeOnChange: true,\n  sortDates: true,\n  dropdownType: 'popover',\n} satisfies Partial<YearPickerInputProps>;\n\ntype YearPickerInputComponent = (<Type extends DatePickerType = 'default'>(\n  props: YearPickerInputProps<Type> & { ref?: React.Ref<HTMLButtonElement> }\n) => React.JSX.Element) & {\n  displayName?: string;\n} & MantineComponentStaticProperties<YearPickerInputFactory>;\n\nexport const YearPickerInput: YearPickerInputComponent = factory<YearPickerInputFactory>(\n  (_props) => {\n    const props = useProps('YearPickerInput', defaultProps, _props);\n    const {\n      type,\n      value,\n      defaultValue,\n      onChange,\n      valueFormat,\n      labelSeparator,\n      locale,\n      classNames,\n      styles,\n      unstyled,\n      closeOnChange,\n      size,\n      variant,\n      dropdownType,\n      sortDates,\n      minDate,\n      maxDate,\n      vars,\n      valueFormatter,\n      attributes,\n      ...rest\n    } = props;\n\n    const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<YearPickerInputFactory>({\n      classNames,\n      styles,\n      props,\n    });\n\n    const { calendarProps, others } = pickCalendarProps(rest);\n\n    const {\n      _value,\n      setValue,\n      formattedValue,\n      dropdownHandlers,\n      dropdownOpened,\n      onClear,\n      shouldClear,\n    } = useDatesInput({\n      type: type as any,\n      value,\n      defaultValue,\n      onChange: onChange as any,\n      locale,\n      format: valueFormat,\n      labelSeparator,\n      closeOnChange,\n      sortDates,\n      valueFormatter,\n    });\n\n    return (\n      <PickerInputBase\n        formattedValue={formattedValue}\n        dropdownOpened={dropdownOpened}\n        dropdownHandlers={dropdownHandlers}\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        unstyled={unstyled}\n        onClear={onClear}\n        shouldClear={shouldClear}\n        value={_value}\n        size={size}\n        variant={variant}\n        dropdownType={dropdownType}\n        {...others}\n        type={type as any}\n        __staticSelector=\"YearPickerInput\"\n        attributes={attributes}\n      >\n        <YearPicker\n          {...calendarProps}\n          size={size}\n          variant={variant}\n          type={type}\n          value={_value}\n          defaultDate={\n            calendarProps.defaultDate ||\n            (Array.isArray(_value)\n              ? _value[0] || getDefaultClampedDate({ maxDate, minDate })\n              : _value || getDefaultClampedDate({ maxDate, minDate }))\n          }\n          onChange={setValue}\n          locale={locale}\n          classNames={resolvedClassNames}\n          styles={resolvedStyles}\n          unstyled={unstyled}\n          __staticSelector=\"YearPickerInput\"\n          __stopPropagation={dropdownType === 'popover'}\n          minDate={minDate}\n          maxDate={maxDate}\n          attributes={attributes}\n        />\n      </PickerInputBase>\n    );\n  }\n) as any;\n\nYearPickerInput.classes = { ...PickerInputBase.classes, ...YearPicker.classes };\nYearPickerInput.displayName = '@mantine/dates/YearPickerInput';\n"],"mappings":";;;;;;;;;AAqCA,MAAM,eAAe;CACnB,MAAM;CACN,aAAa;CACb,eAAe;CACf,WAAW;CACX,cAAc;CACf;AAQD,MAAa,kBAA4C,SACtD,WAAW;CACV,MAAM,QAAQ,SAAS,mBAAmB,cAAc,OAAO;CAC/D,MAAM,EACJ,MACA,OACA,cACA,UACA,aACA,gBACA,QACA,YACA,QACA,UACA,eACA,MACA,SACA,cACA,WACA,SACA,SACA,MACA,gBACA,YACA,GAAG,SACD;CAEJ,MAAM,EAAE,oBAAoB,mBAAmB,qBAA6C;EAC1F;EACA;EACA;EACD,CAAC;CAEF,MAAM,EAAE,eAAe,WAAW,kBAAkB,KAAK;CAEzD,MAAM,EACJ,QACA,UACA,gBACA,kBACA,gBACA,SACA,gBACE,cAAc;EACV;EACN;EACA;EACU;EACV;EACA,QAAQ;EACR;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC,iBAAD;EACkB;EACA;EACE;EAClB,YAAY;EACZ,QAAQ;EACE;EACD;EACI;EACb,OAAO;EACD;EACG;EACK;EACd,GAAI;EACE;EACN,kBAAiB;EACL;YAEZ,oBAAC,YAAD;GACE,GAAI;GACE;GACG;GACH;GACN,OAAO;GACP,aACE,cAAc,gBACb,MAAM,QAAQ,OAAO,GAClB,OAAO,MAAM,sBAAsB;IAAE;IAAS;IAAS,CAAC,GACxD,UAAU,sBAAsB;IAAE;IAAS;IAAS,CAAC;GAE3D,UAAU;GACF;GACR,YAAY;GACZ,QAAQ;GACE;GACV,kBAAiB;GACjB,mBAAmB,iBAAiB;GAC3B;GACA;GACG;GACZ,CAAA;EACc,CAAA;EAGvB;AAED,gBAAgB,UAAU;CAAE,GAAG,gBAAgB;CAAS,GAAG,WAAW;CAAS;AAC/E,gBAAgB,cAAc"}
+{"version":3,"file":"YearPickerInput.mjs","names":[],"sources":["../../../src/components/YearPickerInput/YearPickerInput.tsx"],"sourcesContent":["import {\n  __InputStylesNames,\n  BoxProps,\n  factory,\n  Factory,\n  InputVariant,\n  MantineComponentStaticProperties,\n  StylesApiProps,\n  useProps,\n  useResolvedStylesApi,\n} from '@mantine/core';\nimport { useDatesInput } from '../../hooks';\nimport { DatePickerType } from '../../types';\nimport { getDefaultClampedDate } from '../../utils';\nimport { pickCalendarProps } from '../Calendar';\nimport { DateInputSharedProps, PickerInputBase } from '../PickerInputBase';\nimport { YearPicker, YearPickerBaseProps, YearPickerStylesNames } from '../YearPicker';\n\nexport type YearPickerInputStylesNames = __InputStylesNames | 'placeholder' | YearPickerStylesNames;\n\nexport interface YearPickerInputProps<Type extends DatePickerType = 'default'>\n  extends\n    BoxProps,\n    DateInputSharedProps,\n    YearPickerBaseProps<Type>,\n    StylesApiProps<YearPickerInputFactory> {\n  /** `dayjs` format to display input value @default \"YYYY\" */\n  valueFormat?: string;\n}\n\nexport type YearPickerInputFactory = Factory<{\n  props: YearPickerInputProps;\n  ref: HTMLButtonElement;\n  stylesNames: YearPickerInputStylesNames;\n  variant: InputVariant;\n}>;\n\nconst defaultProps = {\n  type: 'default',\n  size: 'sm',\n  valueFormat: 'YYYY',\n  closeOnChange: true,\n  sortDates: true,\n  dropdownType: 'popover',\n} satisfies Partial<YearPickerInputProps>;\n\ntype YearPickerInputComponent = (<Type extends DatePickerType = 'default'>(\n  props: YearPickerInputProps<Type> & { ref?: React.Ref<HTMLButtonElement> }\n) => React.JSX.Element) & {\n  displayName?: string;\n} & MantineComponentStaticProperties<YearPickerInputFactory>;\n\nexport const YearPickerInput: YearPickerInputComponent = factory<YearPickerInputFactory>(\n  (_props) => {\n    const props = useProps('YearPickerInput', defaultProps, _props);\n    const {\n      type,\n      value,\n      defaultValue,\n      onChange,\n      valueFormat,\n      labelSeparator,\n      locale,\n      classNames,\n      styles,\n      unstyled,\n      closeOnChange,\n      size,\n      variant,\n      dropdownType,\n      sortDates,\n      minDate,\n      maxDate,\n      vars,\n      valueFormatter,\n      attributes,\n      ...rest\n    } = props;\n\n    const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<YearPickerInputFactory>({\n      classNames,\n      styles,\n      props,\n    });\n\n    const { calendarProps, others } = pickCalendarProps(rest);\n\n    const {\n      _value,\n      setValue,\n      formattedValue,\n      dropdownHandlers,\n      dropdownOpened,\n      onClear,\n      shouldClear,\n    } = useDatesInput({\n      type: type as any,\n      value,\n      defaultValue,\n      onChange: onChange as any,\n      locale,\n      format: valueFormat,\n      labelSeparator,\n      closeOnChange,\n      sortDates,\n      valueFormatter,\n    });\n\n    return (\n      <PickerInputBase\n        formattedValue={formattedValue}\n        dropdownOpened={dropdownOpened}\n        dropdownHandlers={dropdownHandlers}\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        unstyled={unstyled}\n        onClear={onClear}\n        shouldClear={shouldClear}\n        value={_value}\n        size={size}\n        variant={variant}\n        dropdownType={dropdownType}\n        {...others}\n        type={type as any}\n        __staticSelector=\"YearPickerInput\"\n        attributes={attributes}\n      >\n        <YearPicker\n          {...calendarProps}\n          size={size}\n          variant={variant}\n          type={type}\n          value={_value}\n          defaultDate={\n            calendarProps.defaultDate ||\n            (Array.isArray(_value)\n              ? _value[0] || getDefaultClampedDate({ maxDate, minDate })\n              : _value || getDefaultClampedDate({ maxDate, minDate }))\n          }\n          onChange={setValue}\n          locale={locale}\n          classNames={resolvedClassNames}\n          styles={resolvedStyles}\n          unstyled={unstyled}\n          __staticSelector=\"YearPickerInput\"\n          __stopPropagation={dropdownType === 'popover'}\n          minDate={minDate}\n          maxDate={maxDate}\n          attributes={attributes}\n        />\n      </PickerInputBase>\n    );\n  }\n) as any;\n\nYearPickerInput.classes = { ...PickerInputBase.classes, ...YearPicker.classes };\nYearPickerInput.displayName = '@mantine/dates/YearPickerInput';\n\nexport namespace YearPickerInput {\n  export type Props<Type extends DatePickerType = 'default'> = YearPickerInputProps<Type>;\n  export type StylesNames = YearPickerInputStylesNames;\n  export type Factory = YearPickerInputFactory;\n}\n"],"mappings":";;;;;;;;;AAqCA,MAAM,eAAe;CACnB,MAAM;CACN,MAAM;CACN,aAAa;CACb,eAAe;CACf,WAAW;CACX,cAAc;CACf;AAQD,MAAa,kBAA4C,SACtD,WAAW;CACV,MAAM,QAAQ,SAAS,mBAAmB,cAAc,OAAO;CAC/D,MAAM,EACJ,MACA,OACA,cACA,UACA,aACA,gBACA,QACA,YACA,QACA,UACA,eACA,MACA,SACA,cACA,WACA,SACA,SACA,MACA,gBACA,YACA,GAAG,SACD;CAEJ,MAAM,EAAE,oBAAoB,mBAAmB,qBAA6C;EAC1F;EACA;EACA;EACD,CAAC;CAEF,MAAM,EAAE,eAAe,WAAW,kBAAkB,KAAK;CAEzD,MAAM,EACJ,QACA,UACA,gBACA,kBACA,gBACA,SACA,gBACE,cAAc;EACV;EACN;EACA;EACU;EACV;EACA,QAAQ;EACR;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC,iBAAD;EACkB;EACA;EACE;EAClB,YAAY;EACZ,QAAQ;EACE;EACD;EACI;EACb,OAAO;EACD;EACG;EACK;EACd,GAAI;EACE;EACN,kBAAiB;EACL;YAEZ,oBAAC,YAAD;GACE,GAAI;GACE;GACG;GACH;GACN,OAAO;GACP,aACE,cAAc,gBACb,MAAM,QAAQ,OAAO,GAClB,OAAO,MAAM,sBAAsB;IAAE;IAAS;IAAS,CAAC,GACxD,UAAU,sBAAsB;IAAE;IAAS;IAAS,CAAC;GAE3D,UAAU;GACF;GACR,YAAY;GACZ,QAAQ;GACE;GACV,kBAAiB;GACjB,mBAAmB,iBAAiB;GAC3B;GACA;GACG;GACZ,CAAA;EACc,CAAA;EAGvB;AAED,gBAAgB,UAAU;CAAE,GAAG,gBAAgB;CAAS,GAAG,WAAW;CAAS;AAC/E,gBAAgB,cAAc"}

package/lib/components/Calendar/Calendar.d.ts

@@ -97,4 +97,12 @@ export declare const Calendar: import("@mantine/core").MantineComponent<{
     ref: HTMLDivElement;
     stylesNames: CalendarStylesNames;
 }>;
+export declare namespace Calendar {
+    type Props = CalendarProps;
+    type StylesNames = CalendarStylesNames;
+    type AriaLabels = CalendarAriaLabels;
+    type Settings = CalendarSettings;
+    type BaseProps = CalendarBaseProps;
+    type Factory = CalendarFactory;
+}
 export {};

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

@@ -2,11 +2,3 @@ import type { CalendarAriaLabels, CalendarBaseProps, CalendarFactory, CalendarPr
 export { Calendar } from './Calendar';
 export { pickCalendarProps } from './pick-calendar-levels-props/pick-calendar-levels-props';
 export type { CalendarProps, CalendarStylesNames, CalendarAriaLabels, CalendarSettings, CalendarBaseProps, CalendarFactory, };
-export declare namespace Calendar {
-    type Props = CalendarProps;
-    type StylesNames = CalendarStylesNames;
-    type AriaLabels = CalendarAriaLabels;
-    type Settings = CalendarSettings;
-    type BaseProps = CalendarBaseProps;
-    type Factory = CalendarFactory;
-}

package/lib/components/CalendarHeader/CalendarHeader.d.ts

@@ -57,3 +57,10 @@ export declare const CalendarHeader: import("@mantine/core").MantineComponent<{
     stylesNames: CalendarHeaderStylesNames;
     vars: CalendarHeaderCssVariables;
 }>;
+export declare namespace CalendarHeader {
+    type Props = CalendarHeaderProps;
+    type StylesNames = CalendarHeaderStylesNames;
+    type CssVariables = CalendarHeaderCssVariables;
+    type Settings = CalendarHeaderSettings;
+    type Factory = CalendarHeaderFactory;
+}

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

@@ -1,10 +1,3 @@
 import type { CalendarHeaderCssVariables, CalendarHeaderFactory, CalendarHeaderProps, CalendarHeaderSettings, CalendarHeaderStylesNames } from './CalendarHeader';
 export { CalendarHeader } from './CalendarHeader';
 export type { CalendarHeaderProps, CalendarHeaderStylesNames, CalendarHeaderCssVariables, CalendarHeaderSettings, CalendarHeaderFactory, };
-export declare namespace CalendarHeader {
-    type Props = CalendarHeaderProps;
-    type StylesNames = CalendarHeaderStylesNames;
-    type CssVariables = CalendarHeaderCssVariables;
-    type Settings = CalendarHeaderSettings;
-    type Factory = CalendarHeaderFactory;
-}

package/lib/components/DateInput/DateInput.d.ts

@@ -51,3 +51,8 @@ export declare const DateInput: import("@mantine/core").MantineComponent<{
     stylesNames: DateInputStylesNames;
     variant: InputVariant;
 }>;
+export declare namespace DateInput {
+    type Props = DateInputProps;
+    type StylesNames = DateInputStylesNames;
+    type Factory = DateInputFactory;
+}

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

@@ -1,8 +1,3 @@
 import type { DateInputFactory, DateInputProps, DateInputStylesNames } from './DateInput';
 export { DateInput } from './DateInput';
 export type { DateInputProps, DateInputStylesNames, DateInputFactory };
-export declare namespace DateInput {
-    type Props = DateInputProps;
-    type StylesNames = DateInputStylesNames;
-    type Factory = DateInputFactory;
-}

package/lib/components/DatePicker/DatePicker.d.ts

@@ -39,4 +39,12 @@ type DatePickerComponent = (<Type extends DatePickerType = 'default'>(props: Dat
     displayName?: string;
 } & MantineComponentStaticProperties<DatePickerFactory>;
 export declare const DatePicker: DatePickerComponent;
+export declare namespace DatePicker {
+    type Props<Type extends DatePickerType> = DatePickerProps<Type>;
+    type BaseProps = DatePickerBaseProps;
+    type StylesNames = DatePickerStylesNames;
+    type Factory = DatePickerFactory;
+    type Preset<Type extends DatePickerType> = DatePickerPreset<Type>;
+    type CssVariables = DatePickerCssVariables;
+}
 export {};

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

@@ -1,12 +1,3 @@
-import { DatePickerType } from '../../types';
 import type { DatePickerBaseProps, DatePickerCssVariables, DatePickerFactory, DatePickerPreset, DatePickerProps, DatePickerStylesNames } from './DatePicker';
 export { DatePicker } from './DatePicker';
 export type { DatePickerProps, DatePickerBaseProps, DatePickerStylesNames, DatePickerFactory, DatePickerPreset, DatePickerCssVariables, };
-export declare namespace DatePicker {
-    type Props<Type extends DatePickerType> = DatePickerProps<Type>;
-    type BaseProps = DatePickerBaseProps;
-    type StylesNames = DatePickerStylesNames;
-    type Factory = DatePickerFactory;
-    type Preset<Type extends DatePickerType> = DatePickerPreset<Type>;
-    type CssVariables = DatePickerCssVariables;
-}

package/lib/components/DatePickerInput/DatePickerInput.d.ts

@@ -19,4 +19,9 @@ type DatePickerInputComponent = (<Type extends DatePickerType = 'default'>(props
     displayName?: string;
 } & MantineComponentStaticProperties<DatePickerInputFactory>;
 export declare const DatePickerInput: DatePickerInputComponent;
+export declare namespace DatePickerInput {
+    type Props = DatePickerInputProps;
+    type StylesNames = DatePickerInputStylesNames;
+    type Factory = DatePickerInputFactory;
+}
 export {};

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

@@ -1,8 +1,3 @@
 import type { DatePickerInputFactory, DatePickerInputProps, DatePickerInputStylesNames } from './DatePickerInput';
 export { DatePickerInput } from './DatePickerInput';
 export type { DatePickerInputProps, DatePickerInputStylesNames, DatePickerInputFactory };
-export declare namespace DatePickerInput {
-    type Props = DatePickerInputProps;
-    type StylesNames = DatePickerInputStylesNames;
-    type Factory = DatePickerInputFactory;
-}

package/lib/components/DateTimePicker/DateTimePicker.d.ts

@@ -39,3 +39,8 @@ export declare const DateTimePicker: import("@mantine/core").MantineComponent<{
     stylesNames: DateTimePickerStylesNames;
     variant: InputVariant;
 }>;
+export declare namespace DateTimePicker {
+    type Props = DateTimePickerProps;
+    type StylesNames = DateTimePickerStylesNames;
+    type Factory = DateTimePickerFactory;
+}

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

@@ -1,8 +1,3 @@
 import type { DateTimePickerFactory, DateTimePickerProps, DateTimePickerStylesNames } from './DateTimePicker';
 export { DateTimePicker } from './DateTimePicker';
 export type { DateTimePickerProps, DateTimePickerStylesNames, DateTimePickerFactory };
-export declare namespace DateTimePicker {
-    type Props = DateTimePickerProps;
-    type StylesNames = DateTimePickerStylesNames;
-    type Factory = DateTimePickerFactory;
-}

package/lib/components/DatesProvider/DatesProvider.d.ts

@@ -14,3 +14,7 @@ export interface DatesProviderProps {
     children?: React.ReactNode;
 }
 export declare function DatesProvider({ settings, children }: DatesProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DatesProvider {
+    type Props = DatesProviderProps;
+    type Settings = DatesProviderSettings;
+}

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

@@ -2,7 +2,3 @@ import type { DatesProviderProps, DatesProviderSettings } from './DatesProvider'
 export { DATES_PROVIDER_DEFAULT_SETTINGS, DatesProvider } from './DatesProvider';
 export { useDatesContext } from './use-dates-context';
 export type { DatesProviderProps, DatesProviderSettings };
-export declare namespace DatesProvider {
-    type Props = DatesProviderProps;
-    type Settings = DatesProviderSettings;
-}

package/lib/components/Day/Day.d.ts

@@ -46,3 +46,9 @@ export declare const Day: import("@mantine/core").MantineComponent<{
     stylesNames: DayStylesNames;
     vars: DayCssVariables;
 }>;
+export declare namespace Day {
+    type Props = DayProps;
+    type StylesNames = DayStylesNames;
+    type Factory = DayFactory;
+    type CssVariables = DayCssVariables;
+}

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

@@ -1,9 +1,3 @@
 import type { DayCssVariables, DayFactory, DayProps, DayStylesNames, RenderDay } from './Day';
 export { Day } from './Day';
 export type { DayProps, DayStylesNames, DayFactory, DayCssVariables, RenderDay };
-export declare namespace Day {
-    type Props = DayProps;
-    type StylesNames = DayStylesNames;
-    type Factory = DayFactory;
-    type CssVariables = DayCssVariables;
-}

package/lib/components/MiniCalendar/MiniCalendar.d.ts

@@ -49,3 +49,9 @@ export declare const MiniCalendar: import("@mantine/core").MantineComponent<{
     stylesNames: MiniCalendarStylesNames;
     vars: MiniCalendarCssVariables;
 }>;
+export declare namespace MiniCalendar {
+    type Props = MiniCalendarProps;
+    type StylesNames = MiniCalendarStylesNames;
+    type Factory = MiniCalendarFactory;
+    type CssVariables = MiniCalendarCssVariables;
+}

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

@@ -1,9 +1,3 @@
 import type { MiniCalendarCssVariables, MiniCalendarFactory, MiniCalendarProps, MiniCalendarStylesNames } from './MiniCalendar';
 export { MiniCalendar } from './MiniCalendar';
 export type { MiniCalendarProps, MiniCalendarStylesNames, MiniCalendarFactory, MiniCalendarCssVariables, };
-export declare namespace MiniCalendar {
-    type Props = MiniCalendarProps;
-    type StylesNames = MiniCalendarStylesNames;
-    type Factory = MiniCalendarFactory;
-    type CssVariables = MiniCalendarCssVariables;
-}

package/lib/components/Month/Month.d.ts

@@ -72,3 +72,9 @@ export declare const Month: import("@mantine/core").MantineComponent<{
     stylesNames: MonthStylesNames;
     vars: MonthCssVariables;
 }>;
+export declare namespace Month {
+    type Props = MonthProps;
+    type Settings = MonthSettings;
+    type StylesNames = MonthStylesNames;
+    type Factory = MonthFactory;
+}

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

@@ -5,9 +5,3 @@ export { getMonthDays } from './get-month-days/get-month-days';
 export { isSameMonth } from './is-same-month/is-same-month';
 export { Month } from './Month';
 export type { MonthProps, MonthSettings, MonthStylesNames, MonthFactory };
-export declare namespace Month {
-    type Props = MonthProps;
-    type Settings = MonthSettings;
-    type StylesNames = MonthStylesNames;
-    type Factory = MonthFactory;
-}

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

@@ -32,4 +32,9 @@ type MonthPickerComponent = (<Type extends DatePickerType = 'default'>(props: Mo
     displayName?: string;
 } & MantineComponentStaticProperties<MonthPickerFactory>;
 export declare const MonthPicker: MonthPickerComponent;
+export declare namespace MonthPicker {
+    type Props<Type extends DatePickerType = 'default'> = MonthPickerProps<Type>;
+    type StylesNames = MonthPickerStylesNames;
+    type Factory = MonthPickerFactory;
+}
 export {};

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

@@ -1,9 +1,3 @@
-import { DatePickerType } from '../../types';
 import type { MonthPickerBaseProps, MonthPickerFactory, MonthPickerProps, MonthPickerStylesNames } from './MonthPicker';
 export { MonthPicker } 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

@@ -19,4 +19,9 @@ type MonthPickerInputComponent = (<Type extends DatePickerType = 'default'>(prop
     displayName?: string;
 } & MantineComponentStaticProperties<MonthPickerInputFactory>;
 export declare const MonthPickerInput: MonthPickerInputComponent;
+export declare namespace MonthPickerInput {
+    type Props<Type extends DatePickerType = 'default'> = MonthPickerInputProps<Type>;
+    type StylesNames = MonthPickerInputStylesNames;
+    type Factory = MonthPickerInputFactory;
+}
 export {};

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

@@ -1,9 +1,3 @@
-import { DatePickerType } from '../../types';
 import type { MonthPickerInputFactory, MonthPickerInputProps, MonthPickerInputStylesNames } from './MonthPickerInput';
 export { MonthPickerInput } 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/TimeGrid/TimeGrid.d.ts

@@ -50,3 +50,9 @@ export declare const TimeGrid: import("@mantine/core").MantineComponent<{
     stylesNames: TimeGridStylesNames;
     vars: TimeGridCssVariables;
 }>;
+export declare namespace TimeGrid {
+    type Props = TimeGridProps;
+    type StylesNames = TimeGridStylesNames;
+    type Factory = TimeGridFactory;
+    type CssVariables = TimeGridCssVariables;
+}

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

@@ -2,9 +2,3 @@ import type { TimeGridCssVariables, TimeGridFactory, TimeGridProps, TimeGridStyl
 export { TimeGrid } from './TimeGrid';
 export { isTimeBefore, isTimeAfter } from './compare-time';
 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

@@ -17,3 +17,7 @@ export declare const TimeInput: import("@mantine/core").MantineComponent<{
     ref: HTMLInputElement;
     stylesNames: __InputStylesNames;
 }>;
+export declare namespace TimeInput {
+    type Props = TimeInputProps;
+    type Factory = TimeInputFactory;
+}

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

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

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

@@ -106,3 +106,13 @@ export declare const TimePicker: import("@mantine/core").MantineComponent<{
     vars: TimePickerCssVariables;
     variant: InputVariant;
 }>;
+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/TimePicker/index.d.ts

@@ -3,13 +3,3 @@ import type { TimePickerAmPmLabels, TimePickerFormat, TimePickerPasteSplit, Time
 export { TimePicker } from './TimePicker';
 export { getTimeRange } from './utils/get-time-range/get-time-range';
 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/YearPicker/YearPicker.d.ts

@@ -21,4 +21,10 @@ type YearPickerComponent = (<Type extends DatePickerType = 'default'>(props: Yea
     displayName?: string;
 } & MantineComponentStaticProperties<YearPickerFactory>;
 export declare const YearPicker: YearPickerComponent;
+export declare namespace YearPicker {
+    type Props<Type extends DatePickerType = 'default'> = YearPickerProps<Type>;
+    type BaseProps = YearPickerBaseProps;
+    type StylesNames = YearPickerStylesNames;
+    type Factory = YearPickerFactory;
+}
 export {};

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

@@ -1,10 +1,3 @@
-import { DatePickerType } from '../../types';
 import type { YearPickerBaseProps, YearPickerFactory, YearPickerProps, YearPickerStylesNames } from './YearPicker';
 export { YearPicker } 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

@@ -19,4 +19,9 @@ type YearPickerInputComponent = (<Type extends DatePickerType = 'default'>(props
     displayName?: string;
 } & MantineComponentStaticProperties<YearPickerInputFactory>;
 export declare const YearPickerInput: YearPickerInputComponent;
+export declare namespace YearPickerInput {
+    type Props<Type extends DatePickerType = 'default'> = YearPickerInputProps<Type>;
+    type StylesNames = YearPickerInputStylesNames;
+    type Factory = YearPickerInputFactory;
+}
 export {};

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

@@ -1,9 +1,3 @@
-import { DatePickerType } from '../../types';
 import type { YearPickerInputFactory, YearPickerInputProps, YearPickerInputStylesNames } from './YearPickerInput';
 export { YearPickerInput } 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/dates",
-  "version": "9.0.0-alpha.7",
+  "version": "9.0.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": "9.0.0-alpha.7",
-    "@mantine/hooks": "9.0.0-alpha.7",
+    "@mantine/core": "9.0.1",
+    "@mantine/hooks": "9.0.1",
     "dayjs": ">=1.0.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"