@mantine/dates 3.1.9 → 3.2.3

package/cjs/components/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef } from 'react';\nimport { useUncontrolled, useMergedRef, upperFirst } from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport { Calendar, CalendarSettings } from '../Calendar/Calendar';\nimport { DatePickerBase, DatePickerBaseSharedProps } from '../DatePickerBase/DatePickerBase';\n\nexport interface DatePickerProps extends DatePickerBaseSharedProps, Omit<CalendarSettings, 'size'> {\n  /** Selected date, required with controlled input */\n  value?: Date;\n\n  /** Called when date changes */\n  onChange?(value: Date | null): void;\n\n  /** Default value for uncontrolled input */\n  defaultValue?: Date | null;\n\n  /** Set to false to force dropdown to stay open after date was selected */\n  closeCalendarOnChange?: boolean;\n\n  /** dayjs input format */\n  inputFormat?: string;\n\n  /** Control initial dropdown opened state */\n  initiallyOpened?: boolean;\n\n  /** Input name, useful for uncontrolled variant to capture data with native form */\n  name?: string;\n}\n\nexport const DatePicker = forwardRef<HTMLButtonElement, DatePickerProps>(\n  (\n    {\n      value,\n      onChange,\n      defaultValue,\n      classNames,\n      styles,\n      shadow = 'sm',\n      locale = 'en',\n      inputFormat = 'MMMM D, YYYY',\n      transitionDuration = 200,\n      transitionTimingFunction,\n      nextMonthLabel,\n      previousMonthLabel,\n      closeCalendarOnChange = true,\n      labelFormat = 'MMMM YYYY',\n      withSelect = false,\n      yearsRange,\n      dayClassName,\n      dayStyle,\n      disableOutsideEvents,\n      minDate,\n      maxDate,\n      excludeDate,\n      initialMonth,\n      initiallyOpened = false,\n      name = 'date',\n      size = 'sm',\n      dropdownType = 'popover',\n      clearable = true,\n      disabled = false,\n      clearButtonLabel,\n      ...others\n    }: DatePickerProps,\n    ref\n  ) => {\n    const [dropdownOpened, setDropdownOpened] = useState(initiallyOpened);\n    const calendarSize = size === 'lg' || size === 'xl' ? 'md' : 'sm';\n    const inputRef = useRef<HTMLInputElement>();\n    const [_value, setValue] = useUncontrolled({\n      value,\n      defaultValue,\n      finalValue: null,\n      onChange,\n      rule: (val) => val === null || val instanceof Date,\n    });\n\n    const handleValueChange = (date: Date) => {\n      setValue(date);\n      closeCalendarOnChange && setDropdownOpened(false);\n    };\n\n    const handleClear = () => {\n      setValue(null);\n      inputRef.current?.focus();\n    };\n\n    return (\n      <>\n        <DatePickerBase\n          dropdownOpened={dropdownOpened}\n          setDropdownOpened={setDropdownOpened}\n          shadow={shadow}\n          transitionDuration={transitionDuration}\n          ref={useMergedRef(ref, inputRef)}\n          size={size}\n          styles={styles}\n          classNames={classNames}\n          inputLabel={\n            _value instanceof Date\n              ? upperFirst(dayjs(_value).locale(locale).format(inputFormat))\n              : null\n          }\n          __staticSelector=\"date-picker\"\n          dropdownType={dropdownType}\n          clearable={clearable && !!_value && !disabled}\n          clearButtonLabel={clearButtonLabel}\n          onClear={handleClear}\n          disabled={disabled}\n          {...others}\n        >\n          <Calendar\n            classNames={classNames}\n            styles={styles}\n            locale={locale}\n            nextMonthLabel={nextMonthLabel}\n            previousMonthLabel={previousMonthLabel}\n            initialMonth={_value instanceof Date ? _value : initialMonth}\n            value={_value}\n            onChange={handleValueChange}\n            labelFormat={labelFormat}\n            withSelect={withSelect}\n            yearsRange={yearsRange}\n            dayClassName={dayClassName}\n            dayStyle={dayStyle}\n            disableOutsideEvents={disableOutsideEvents}\n            minDate={minDate}\n            maxDate={maxDate}\n            excludeDate={excludeDate}\n            __staticSelector=\"date-picker\"\n            fullWidth={dropdownType === 'modal'}\n            size={dropdownType === 'modal' ? 'lg' : calendarSize}\n          />\n        </DatePickerBase>\n\n        <input\n          type=\"hidden\"\n          name={name}\n          value={_value instanceof Date ? _value.toISOString() : ''}\n        />\n      </>\n    );\n  }\n);\n\nDatePicker.displayName = '@mantine/dates/DatePicker';\n"],"names":["forwardRef","useState","useRef","useUncontrolled","React","DatePickerBase","useMergedRef","upperFirst","dayjs","Calendar"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAMU,MAAC,UAAU,GAAGA,gBAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AAClD,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,KAAK;AACT,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,MAAM,GAAG,IAAI;AACjB,IAAI,MAAM,GAAG,IAAI;AACjB,IAAI,WAAW,GAAG,cAAc;AAChC,IAAI,kBAAkB,GAAG,GAAG;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,cAAc;AAClB,IAAI,kBAAkB;AACtB,IAAI,qBAAqB,GAAG,IAAI;AAChC,IAAI,WAAW,GAAG,WAAW;AAC7B,IAAI,UAAU,GAAG,KAAK;AACtB,IAAI,UAAU;AACd,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,oBAAoB;AACxB,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,eAAe,GAAG,KAAK;AAC3B,IAAI,IAAI,GAAG,MAAM;AACjB,IAAI,IAAI,GAAG,IAAI;AACf,IAAI,YAAY,GAAG,SAAS;AAC5B,IAAI,SAAS,GAAG,IAAI;AACpB,IAAI,QAAQ,GAAG,KAAK;AACpB,IAAI,gBAAgB;AACpB,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,aAAa;AACjB,IAAI,oBAAoB;AACxB,IAAI,0BAA0B;AAC9B,IAAI,gBAAgB;AACpB,IAAI,oBAAoB;AACxB,IAAI,uBAAuB;AAC3B,IAAI,aAAa;AACjB,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,cAAc;AAClB,IAAI,UAAU;AACd,IAAI,sBAAsB;AAC1B,IAAI,SAAS;AACb,IAAI,SAAS;AACb,IAAI,aAAa;AACjB,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,cAAc;AAClB,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,kBAAkB;AACtB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGC,cAAQ,CAAC,eAAe,CAAC,CAAC;AACxE,EAAE,MAAM,YAAY,GAAG,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpE,EAAE,MAAM,QAAQ,GAAGC,YAAM,EAAE,CAAC;AAC5B,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAGC,qBAAe,CAAC;AAC7C,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU,EAAE,IAAI;AACpB,IAAI,QAAQ;AACZ,IAAI,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,KAAK,IAAI,IAAI,GAAG,YAAY,IAAI;AACtD,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,iBAAiB,GAAG,CAAC,IAAI,KAAK;AACtC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;AACnB,IAAI,qBAAqB,IAAI,iBAAiB,CAAC,KAAK,CAAC,CAAC;AACtD,GAAG,CAAC;AACJ,EAAE,MAAM,WAAW,GAAG,MAAM;AAC5B,IAAI,IAAI,GAAG,CAAC;AACZ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;AACnB,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC;AAC5D,GAAG,CAAC;AACJ,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACA,cAAK,CAAC,QAAQ,EAAE,IAAI,kBAAkBA,cAAK,CAAC,aAAa,CAACC,6BAAc,EAAE,cAAc,CAAC;AACtI,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,MAAM;AACV,IAAI,kBAAkB;AACtB,IAAI,GAAG,EAAEC,kBAAY,CAAC,GAAG,EAAE,QAAQ,CAAC;AACpC,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,UAAU,EAAE,MAAM,YAAY,IAAI,GAAGC,gBAAU,CAACC,cAAK,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,IAAI;AAC5G,IAAI,gBAAgB,EAAE,aAAa;AACnC,IAAI,YAAY;AAChB,IAAI,SAAS,EAAE,SAAS,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,QAAQ;AACjD,IAAI,gBAAgB;AACpB,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,QAAQ;AACZ,GAAG,EAAE,MAAM,CAAC,kBAAkBJ,cAAK,CAAC,aAAa,CAACK,iBAAQ,EAAE;AAC5D,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,cAAc;AAClB,IAAI,kBAAkB;AACtB,IAAI,YAAY,EAAE,MAAM,YAAY,IAAI,GAAG,MAAM,GAAG,YAAY;AAChE,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,QAAQ,EAAE,iBAAiB;AAC/B,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,UAAU;AACd,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,oBAAoB;AACxB,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,WAAW;AACf,IAAI,gBAAgB,EAAE,aAAa;AACnC,IAAI,SAAS,EAAE,YAAY,KAAK,OAAO;AACvC,IAAI,IAAI,EAAE,YAAY,KAAK,OAAO,GAAG,IAAI,GAAG,YAAY;AACxD,GAAG,CAAC,CAAC,kBAAkBL,cAAK,CAAC,aAAa,CAAC,OAAO,EAAE;AACpD,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,IAAI;AACR,IAAI,KAAK,EAAE,MAAM,YAAY,IAAI,GAAG,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE;AAC7D,GAAG,CAAC,CAAC,CAAC;AACN,CAAC,EAAE;AACH,UAAU,CAAC,WAAW,GAAG,2BAA2B;;;;"}
+{"version":3,"file":"DatePicker.js","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React, { useState, useRef, forwardRef, useEffect } from 'react';\nimport { useUncontrolled, useMergedRef, upperFirst } from '@mantine/hooks';\nimport { useMantineTheme } from '@mantine/core';\nimport { FirstDayOfWeek } from '../../types';\nimport { Calendar, CalendarSettings } from '../Calendar/Calendar';\nimport { DatePickerBase, DatePickerBaseSharedProps } from '../DatePickerBase/DatePickerBase';\n\nexport interface DatePickerProps\n  extends Omit<DatePickerBaseSharedProps, 'onChange'>,\n    Omit<CalendarSettings, 'size'> {\n  /** Selected date, required with controlled input */\n  value?: Date;\n\n  /** Called when date changes */\n  onChange?(value: Date | null): void;\n\n  /** Default value for uncontrolled input */\n  defaultValue?: Date | null;\n\n  /** Set to false to force dropdown to stay open after date was selected */\n  closeCalendarOnChange?: boolean;\n\n  /** dayjs input format */\n  inputFormat?: string;\n\n  /** Control initial dropdown opened state */\n  initiallyOpened?: boolean;\n\n  /** Parser function for date provided by input typing */\n  dateParser?: (value: string) => Date;\n\n  /** Input name, useful for uncontrolled variant to capture data with native form */\n  name?: string;\n\n  /** Set first day of the week */\n  firstDayOfWeek?: FirstDayOfWeek;\n\n  /** Allow free input */\n  allowFreeInput?: boolean;\n}\n\nexport const DatePicker = forwardRef<HTMLButtonElement, DatePickerProps>(\n  (\n    {\n      value,\n      onChange,\n      defaultValue,\n      classNames,\n      styles,\n      shadow = 'sm',\n      locale = 'en',\n      inputFormat,\n      transitionDuration = 200,\n      transitionTimingFunction,\n      nextMonthLabel,\n      previousMonthLabel,\n      closeCalendarOnChange = true,\n      labelFormat = 'MMMM YYYY',\n      withSelect = false,\n      yearsRange,\n      dayClassName,\n      dayStyle,\n      disableOutsideEvents,\n      minDate,\n      maxDate,\n      excludeDate,\n      initialMonth,\n      initiallyOpened = false,\n      name = 'date',\n      size = 'sm',\n      dropdownType = 'popover',\n      clearable = true,\n      disabled = false,\n      clearButtonLabel,\n      fixOnBlur = true,\n      allowFreeInput,\n      dateParser,\n      firstDayOfWeek = 'monday',\n      onFocus,\n      onBlur,\n      amountOfMonths,\n      ...others\n    }: DatePickerProps,\n    ref\n  ) => {\n    const theme = useMantineTheme();\n    const dateFormat = inputFormat || theme.dateFormat;\n    const [dropdownOpened, setDropdownOpened] = useState(initiallyOpened);\n    const [calendarMonth, setCalendarMonth] = useState(initialMonth || new Date());\n    const calendarSize = size === 'lg' || size === 'xl' ? 'md' : 'sm';\n    const inputRef = useRef<HTMLInputElement>();\n\n    const [lastValidValue, setLastValidValue] = useState(defaultValue ?? null);\n    const [_value, setValue] = useUncontrolled<Date | string>({\n      value,\n      defaultValue,\n      finalValue: null,\n      onChange,\n      rule: (val) => val === null || val instanceof Date,\n    });\n\n    const [focused, setFocused] = useState(false);\n    const [inputState, setInputState] = useState(\n      _value instanceof Date ? upperFirst(dayjs(_value).locale(locale).format(dateFormat)) : ''\n    );\n\n    useEffect(() => {\n      if (value === null && !focused) {\n        setInputState('');\n      }\n\n      if (value instanceof Date && !focused) {\n        setInputState(dayjs(value).locale(locale).format(dateFormat));\n      }\n    }, [value, focused]);\n\n    const handleValueChange = (date: Date) => {\n      setValue(date);\n      setInputState(upperFirst(dayjs(date).locale(locale).format(dateFormat)));\n      closeCalendarOnChange && setDropdownOpened(false);\n      window.setTimeout(() => inputRef.current?.focus(), 0);\n    };\n\n    const handleClear = () => {\n      setValue(null);\n      setLastValidValue(null);\n      setInputState('');\n      setDropdownOpened(true);\n      inputRef.current?.focus();\n    };\n\n    const parseDate = (date: string) =>\n      dateParser ? dateParser(date) : dayjs(date, dateFormat, locale).toDate();\n\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      typeof onBlur === 'function' && onBlur(event);\n      setFocused(false);\n      const date = typeof _value === 'string' ? parseDate(_value) : _value;\n\n      if (dayjs(date).isValid()) {\n        setValue(date);\n        setLastValidValue(date);\n        setInputState(upperFirst(dayjs(date).locale(locale).format(dateFormat)));\n      } else if (fixOnBlur) {\n        setValue(lastValidValue);\n      }\n    };\n\n    const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      typeof onFocus === 'function' && onFocus(event);\n      setFocused(true);\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      setDropdownOpened(true);\n\n      const date = parseDate(event.target.value);\n      if (dayjs(date).isValid()) {\n        setValue(date);\n        setLastValidValue(date);\n        setInputState(event.target.value);\n        setCalendarMonth(date);\n      } else {\n        setInputState(event.target.value);\n      }\n    };\n\n    return (\n      <DatePickerBase\n        allowFreeInput={allowFreeInput}\n        dropdownOpened={dropdownOpened}\n        setDropdownOpened={setDropdownOpened}\n        shadow={shadow}\n        transitionDuration={transitionDuration}\n        ref={useMergedRef(ref, inputRef)}\n        size={size}\n        styles={styles}\n        classNames={classNames}\n        onChange={handleChange}\n        onBlur={handleInputBlur}\n        onFocus={handleInputFocus}\n        name={name}\n        inputLabel={inputState}\n        __staticSelector=\"DatePicker\"\n        dropdownType={dropdownType}\n        clearable={clearable && !!_value && !disabled}\n        clearButtonLabel={clearButtonLabel}\n        onClear={handleClear}\n        disabled={disabled}\n        {...others}\n      >\n        <Calendar\n          classNames={classNames}\n          styles={styles}\n          locale={locale}\n          nextMonthLabel={nextMonthLabel}\n          previousMonthLabel={previousMonthLabel}\n          month={allowFreeInput ? calendarMonth : undefined}\n          initialMonth={initialMonth || (_value instanceof Date ? _value : new Date())}\n          onMonthChange={setCalendarMonth}\n          value={_value instanceof Date ? _value : dayjs(_value).toDate()}\n          onChange={handleValueChange}\n          labelFormat={labelFormat}\n          withSelect={withSelect && !allowFreeInput}\n          yearsRange={yearsRange}\n          dayClassName={dayClassName}\n          dayStyle={dayStyle}\n          disableOutsideEvents={disableOutsideEvents}\n          minDate={minDate}\n          maxDate={maxDate}\n          excludeDate={excludeDate}\n          __staticSelector=\"DatePicker\"\n          fullWidth={dropdownType === 'modal'}\n          size={dropdownType === 'modal' ? 'lg' : calendarSize}\n          firstDayOfWeek={firstDayOfWeek}\n          preventFocus={allowFreeInput}\n          amountOfMonths={amountOfMonths}\n        />\n      </DatePickerBase>\n    );\n  }\n);\n\nDatePicker.displayName = '@mantine/dates/DatePicker';\n"],"names":["forwardRef","useMantineTheme","useState","useRef","useUncontrolled","upperFirst","dayjs","useEffect","React","DatePickerBase","useMergedRef","Calendar"],"mappings":"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"}

package/cjs/components/DatePickerBase/DatePickerBase.js

@@ -57,6 +57,7 @@ const DatePickerBase = React.forwardRef((_a, ref) => {
     styles,
     wrapperProps,
     required,
+    allowFreeInput = false,
     label,
     error,
     id,
@@ -79,6 +80,11 @@ const DatePickerBase = React.forwardRef((_a, ref) => {
     onClear,
     positionDependencies = [],
     zIndex = 3,
+    onBlur,
+    onFocus,
+    onChange,
+    onKeyDown,
+    name = "date",
     sx
   } = _b, others = __objRest(_b, [
     "classNames",
@@ -87,6 +93,7 @@ const DatePickerBase = React.forwardRef((_a, ref) => {
     "styles",
     "wrapperProps",
     "required",
+    "allowFreeInput",
     "label",
     "error",
     "id",
@@ -109,19 +116,34 @@ const DatePickerBase = React.forwardRef((_a, ref) => {
     "onClear",
     "positionDependencies",
     "zIndex",
+    "onBlur",
+    "onFocus",
+    "onChange",
+    "onKeyDown",
+    "name",
     "sx"
   ]);
-  const { classes, cx } = DatePickerBase_styles['default']({ size, invalid: !!error }, { classNames, styles, name: __staticSelector });
+  const { classes, cx, theme } = DatePickerBase_styles['default']({ size, invalid: !!error }, { classNames, styles, name: __staticSelector });
   const { mergedStyles, rest } = core.useExtractedMargins({ others, style });
   const [dropdownElement, setDropdownElement] = React.useState(null);
   const [rootElement, setRootElement] = React.useState(null);
   const [referenceElement, setReferenceElement] = React.useState(null);
   const uuid = hooks.useUuid(id);
-  const focusTrapRef = hooks.useFocusTrap(dropdownOpened);
+  const focusTrapRef = hooks.useFocusTrap(!allowFreeInput && dropdownOpened);
   const inputRef = React.useRef();
-  const closeDropdown = () => setDropdownOpened(false);
-  const closeOnEscape = (event) => event.nativeEvent.code === "Escape" && closeDropdown();
-  hooks.useClickOutside(() => dropdownType === "popover" && closeDropdown(), null, [
+  const closeDropdown = () => {
+    setDropdownOpened(false);
+  };
+  const closeOnEscape = (event) => {
+    if (event.nativeEvent.code === "Escape") {
+      closeDropdown();
+      window.setTimeout(() => {
+        var _a2;
+        return (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+      }, 0);
+    }
+  };
+  hooks.useClickOutside(() => dropdownType === "popover" && !allowFreeInput && closeDropdown(), null, [
     dropdownElement,
     rootElement
   ]);
@@ -132,6 +154,25 @@ const DatePickerBase = React.forwardRef((_a, ref) => {
     onClick: onClear,
     size
   }) : null;
+  const handleInputBlur = (event) => {
+    typeof onBlur === "function" && onBlur(event);
+    if (allowFreeInput) {
+      closeDropdown();
+    }
+  };
+  const handleInputFocus = (event) => {
+    typeof onFocus === "function" && onFocus(event);
+    if (allowFreeInput) {
+      setDropdownOpened(true);
+    }
+  };
+  const handleKeyDown = (event) => {
+    typeof onKeyDown === "function" && onKeyDown(event);
+    if (event.code === "Space" && !allowFreeInput) {
+      event.preventDefault();
+      setDropdownOpened(true);
+    }
+  };
   return /* @__PURE__ */ React__default.createElement(core.InputWrapper, __spreadValues({
     required,
     id: uuid,
@@ -151,25 +192,29 @@ const DatePickerBase = React.forwardRef((_a, ref) => {
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: classes.wrapper
   }, /* @__PURE__ */ React__default.createElement(core.Input, __spreadValues({
-    component: "button",
-    type: "button",
-    classNames: __spreadProps(__spreadValues({}, classNames), { input: cx(classes.input, classNames == null ? void 0 : classNames.input) }),
+    classNames: __spreadProps(__spreadValues({}, classNames), {
+      input: cx(classes.input, { [classes.freeInput]: allowFreeInput }, classNames == null ? void 0 : classNames.input)
+    }),
     styles,
-    onClick: () => setDropdownOpened(!dropdownOpened),
+    onClick: () => !allowFreeInput ? setDropdownOpened(!dropdownOpened) : setDropdownOpened(true),
+    onKeyDown: handleKeyDown,
     id: uuid,
     ref: hooks.useMergedRef(ref, inputRef),
     __staticSelector,
     size,
+    name,
+    placeholder,
+    value: inputLabel,
     required,
     invalid: !!error,
+    readOnly: !allowFreeInput,
     rightSection,
-    rightSectionWidth: core.getSizeValue({ size, sizes: RIGHT_SECTION_WIDTH })
-  }, rest), inputLabel ? /* @__PURE__ */ React__default.createElement("div", {
-    className: classes.value
-  }, inputLabel) : /* @__PURE__ */ React__default.createElement(core.Text, {
-    className: classes.placeholder,
-    size
-  }, placeholder))), dropdownType === "popover" ? /* @__PURE__ */ React__default.createElement(core.Popper, {
+    rightSectionWidth: theme.fn.size({ size, sizes: RIGHT_SECTION_WIDTH }),
+    onBlur: handleInputBlur,
+    onFocus: handleInputFocus,
+    onChange,
+    autoComplete: "off"
+  }, rest))), dropdownType === "popover" ? /* @__PURE__ */ React__default.createElement(core.Popper, {
     referenceElement,
     transitionDuration,
     transitionTimingFunction,
@@ -182,19 +227,17 @@ const DatePickerBase = React.forwardRef((_a, ref) => {
     withArrow: true,
     arrowSize: 3,
     zIndex,
-    arrowClassName: classes.arrow,
-    onTransitionEnd: () => {
-      var _a2;
-      return (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
-    }
+    arrowClassName: classes.arrow
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: classes.dropdownWrapper,
-    ref: hooks.useMergedRef(focusTrapRef, setDropdownElement),
+    ref: setDropdownElement,
     "data-mantine-stop-propagation": dropdownOpened,
-    onKeyDownCapture: closeOnEscape
+    onKeyDownCapture: closeOnEscape,
+    "aria-hidden": allowFreeInput || void 0
   }, /* @__PURE__ */ React__default.createElement(core.Paper, {
     className: classes.dropdown,
-    shadow
+    shadow,
+    ref: focusTrapRef
   }, children))) : /* @__PURE__ */ React__default.createElement(core.Modal, {
     opened: dropdownOpened,
     onClose: closeDropdown,

package/cjs/components/DatePickerBase/DatePickerBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerBase.js","sources":["../../../src/components/DatePickerBase/DatePickerBase.tsx"],"sourcesContent":["import React, { useRef, useState, forwardRef } from 'react';\nimport {\n  DefaultProps,\n  Input,\n  InputWrapper,\n  Text,\n  InputBaseProps,\n  InputWrapperBaseProps,\n  Paper,\n  Popper,\n  MantineTransition,\n  InputStylesNames,\n  InputWrapperStylesNames,\n  MantineSize,\n  Modal,\n  CloseButton,\n  getSizeValue,\n  MantineShadow,\n  ClassNames,\n  useExtractedMargins,\n} from '@mantine/core';\nimport {\n  useClickOutside,\n  useFocusTrap,\n  useMergedRef,\n  useWindowEvent,\n  useUuid,\n} from '@mantine/hooks';\nimport { CalendarStylesNames } from '../Calendar/Calendar';\nimport useStyles from './DatePickerBase.styles';\n\nexport type DatePickerStylesNames =\n  | ClassNames<typeof useStyles>\n  | CalendarStylesNames\n  | InputStylesNames\n  | InputWrapperStylesNames;\n\nexport interface DatePickerBaseSharedProps\n  extends InputBaseProps,\n    InputWrapperBaseProps,\n    DefaultProps<DatePickerStylesNames>,\n    Omit<\n      React.ComponentPropsWithoutRef<'button'>,\n      'value' | 'defaultValue' | 'onChange' | 'placeholder'\n    > {\n  /** Props spread to root element (InputWrapper) */\n  wrapperProps?: React.ComponentPropsWithoutRef<'div'>;\n\n  /** Placeholder, displayed when date is not selected */\n  placeholder?: React.ReactNode;\n\n  /** Dropdown appear/disappear transition */\n  transition?: MantineTransition;\n\n  /** Dropdown appear/disappear transition duration */\n  transitionDuration?: number;\n\n  /** Dropdown appear/disappear transition timing function, defaults to theme.transitionTimingFunction */\n  transitionTimingFunction?: string;\n\n  /** Dropdown shadow from theme or css value for custom box-shadow */\n  shadow?: MantineShadow;\n\n  /** Input name, useful fon uncontrolled variant to capture data with native form */\n  name?: string;\n\n  /** Set to true to disable dropdown closing on scroll */\n  closeDropdownOnScroll?: boolean;\n\n  /** Input size */\n  size?: MantineSize;\n\n  /** Where to show calendar in modal or popover */\n  dropdownType?: 'popover' | 'modal';\n\n  /** Allow to clear value */\n  clearable?: boolean;\n\n  /** aria-label for clear button */\n  clearButtonLabel?: string;\n\n  /** useEffect dependencies to force update tooltip position */\n  positionDependencies?: any[];\n\n  /** Popper zIndex */\n  zIndex?: number;\n}\n\nexport interface DatePickerBaseProps extends DatePickerBaseSharedProps {\n  /** Internal prop to set input label */\n  inputLabel?: string;\n\n  /** Static css selector base */\n  __staticSelector?: string;\n\n  /** Controls dropdown opened state */\n  dropdownOpened: boolean;\n\n  /** Called when dropdown opened state changes */\n  setDropdownOpened(opened: boolean): void;\n\n  /** Called when clear button in clicked */\n  onClear(): void;\n}\n\nconst RIGHT_SECTION_WIDTH = {\n  xs: 24,\n  sm: 30,\n  md: 34,\n  lg: 40,\n  xl: 44,\n};\n\nexport const DatePickerBase = forwardRef<HTMLButtonElement, DatePickerBaseProps>(\n  (\n    {\n      classNames,\n      className,\n      style,\n      styles,\n      wrapperProps,\n      required,\n      label,\n      error,\n      id,\n      description,\n      placeholder,\n      shadow = 'sm',\n      transition = 'pop-top-left',\n      transitionDuration = 200,\n      transitionTimingFunction,\n      closeDropdownOnScroll = false,\n      size = 'sm',\n      children,\n      inputLabel,\n      __staticSelector = 'date-picker',\n      dropdownOpened,\n      setDropdownOpened,\n      dropdownType = 'popover',\n      clearable = true,\n      clearButtonLabel,\n      onClear,\n      positionDependencies = [],\n      zIndex = 3,\n      sx,\n      ...others\n    }: DatePickerBaseProps,\n    ref\n  ) => {\n    const { classes, cx } = useStyles(\n      { size, invalid: !!error },\n      { classNames, styles, name: __staticSelector }\n    );\n    const { mergedStyles, rest } = useExtractedMargins({ others, style });\n    const [dropdownElement, setDropdownElement] = useState<HTMLDivElement>(null);\n    const [rootElement, setRootElement] = useState<HTMLDivElement>(null);\n    const [referenceElement, setReferenceElement] = useState<HTMLDivElement>(null);\n    const uuid = useUuid(id);\n\n    const focusTrapRef = useFocusTrap(dropdownOpened);\n    const inputRef = useRef<HTMLButtonElement>();\n    const closeDropdown = () => setDropdownOpened(false);\n    const closeOnEscape = (event: React.KeyboardEvent<HTMLDivElement>) =>\n      event.nativeEvent.code === 'Escape' && closeDropdown();\n\n    useClickOutside(() => dropdownType === 'popover' && closeDropdown(), null, [\n      dropdownElement,\n      rootElement,\n    ]);\n\n    useWindowEvent('scroll', () => closeDropdownOnScroll && closeDropdown());\n\n    const rightSection = clearable ? (\n      <CloseButton\n        variant=\"transparent\"\n        aria-label={clearButtonLabel}\n        onClick={onClear}\n        size={size}\n      />\n    ) : null;\n\n    return (\n      <InputWrapper\n        required={required}\n        id={uuid}\n        label={label}\n        error={error}\n        description={description}\n        className={className}\n        style={mergedStyles}\n        classNames={classNames}\n        styles={styles}\n        size={size}\n        __staticSelector={__staticSelector}\n        sx={sx}\n        ref={setReferenceElement}\n        {...wrapperProps}\n      >\n        <div ref={setRootElement}>\n          <div className={classes.wrapper}>\n            <Input\n              component=\"button\"\n              type=\"button\"\n              classNames={{ ...classNames, input: cx(classes.input, classNames?.input) }}\n              styles={styles}\n              onClick={() => setDropdownOpened(!dropdownOpened)}\n              id={uuid}\n              ref={useMergedRef(ref, inputRef)}\n              __staticSelector={__staticSelector}\n              size={size}\n              required={required}\n              invalid={!!error}\n              rightSection={rightSection}\n              rightSectionWidth={getSizeValue({ size, sizes: RIGHT_SECTION_WIDTH })}\n              {...rest}\n            >\n              {inputLabel ? (\n                <div className={classes.value}>{inputLabel}</div>\n              ) : (\n                <Text className={classes.placeholder} size={size}>\n                  {placeholder}\n                </Text>\n              )}\n            </Input>\n          </div>\n\n          {dropdownType === 'popover' ? (\n            <Popper\n              referenceElement={referenceElement}\n              transitionDuration={transitionDuration}\n              transitionTimingFunction={transitionTimingFunction}\n              forceUpdateDependencies={positionDependencies}\n              transition={transition}\n              mounted={dropdownOpened}\n              position=\"bottom\"\n              placement=\"start\"\n              gutter={10}\n              withArrow\n              arrowSize={3}\n              zIndex={zIndex}\n              arrowClassName={classes.arrow}\n              onTransitionEnd={() => inputRef.current?.focus()}\n            >\n              <div\n                className={classes.dropdownWrapper}\n                ref={useMergedRef(focusTrapRef, setDropdownElement)}\n                data-mantine-stop-propagation={dropdownOpened}\n                onKeyDownCapture={closeOnEscape}\n              >\n                <Paper className={classes.dropdown} shadow={shadow}>\n                  {children}\n                </Paper>\n              </div>\n            </Popper>\n          ) : (\n            <Modal opened={dropdownOpened} onClose={closeDropdown} hideCloseButton>\n              {children}\n            </Modal>\n          )}\n        </div>\n      </InputWrapper>\n    );\n  }\n);\n\nDatePickerBase.displayName = '@mantine/dates/DatePickerBase';\n"],"names":["forwardRef","useStyles","useExtractedMargins","useState","useUuid","useFocusTrap","useRef","useClickOutside","useWindowEvent","React","CloseButton","InputWrapper","Input","useMergedRef","getSizeValue","Text","Popper","Paper","Modal"],"mappings":"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"}
+{"version":3,"file":"DatePickerBase.js","sources":["../../../src/components/DatePickerBase/DatePickerBase.tsx"],"sourcesContent":["import React, { useRef, useState, forwardRef } from 'react';\nimport {\n  DefaultProps,\n  Input,\n  InputWrapper,\n  InputBaseProps,\n  InputWrapperBaseProps,\n  Paper,\n  Popper,\n  MantineTransition,\n  InputStylesNames,\n  InputWrapperStylesNames,\n  MantineSize,\n  Modal,\n  CloseButton,\n  MantineShadow,\n  ClassNames,\n  useExtractedMargins,\n} from '@mantine/core';\nimport {\n  useClickOutside,\n  useFocusTrap,\n  useMergedRef,\n  useWindowEvent,\n  useUuid,\n} from '@mantine/hooks';\nimport { CalendarStylesNames } from '../Calendar/Calendar';\nimport useStyles from './DatePickerBase.styles';\n\nexport type DatePickerStylesNames =\n  | ClassNames<typeof useStyles>\n  | CalendarStylesNames\n  | InputStylesNames\n  | InputWrapperStylesNames;\n\nexport interface DatePickerBaseSharedProps\n  extends InputBaseProps,\n    InputWrapperBaseProps,\n    DefaultProps<DatePickerStylesNames>,\n    Omit<\n      React.ComponentPropsWithoutRef<'input'>,\n      'value' | 'defaultValue' | 'placeholder' | 'size'\n    > {\n  /** Props spread to root element (InputWrapper) */\n  wrapperProps?: React.ComponentPropsWithoutRef<'div'>;\n\n  /** Placeholder, displayed when date is not selected */\n  placeholder?: string;\n\n  /** Dropdown appear/disappear transition */\n  transition?: MantineTransition;\n\n  /** Dropdown appear/disappear transition duration */\n  transitionDuration?: number;\n\n  /** Dropdown appear/disappear transition timing function, defaults to theme.transitionTimingFunction */\n  transitionTimingFunction?: string;\n\n  /** Dropdown shadow from theme or css value for custom box-shadow */\n  shadow?: MantineShadow;\n\n  /** Input name, useful fon uncontrolled variant to capture data with native form */\n  name?: string;\n\n  /** Set to true to disable dropdown closing on scroll */\n  closeDropdownOnScroll?: boolean;\n\n  /** Input size */\n  size?: MantineSize;\n\n  /** Where to show calendar in modal or popover */\n  dropdownType?: 'popover' | 'modal';\n\n  /** Allow to clear value */\n  clearable?: boolean;\n\n  /** aria-label for clear button */\n  clearButtonLabel?: string;\n\n  /** useEffect dependencies to force update tooltip position */\n  positionDependencies?: any[];\n\n  /** Popper zIndex */\n  zIndex?: number;\n\n  /** call onChange with last valid value onBlur */\n  fixOnBlur?: boolean;\n}\n\nexport interface DatePickerBaseProps extends DatePickerBaseSharedProps {\n  /** Internal prop to set input label */\n  inputLabel?: string;\n\n  /** Static css selector base */\n  __staticSelector?: string;\n\n  /** Controls dropdown opened state */\n  dropdownOpened: boolean;\n\n  /** Called when dropdown opened state changes */\n  setDropdownOpened(opened: boolean): void;\n\n  /** Called when clear button in clicked */\n  onClear(): void;\n\n  /** Allow free input */\n  allowFreeInput?: boolean;\n}\n\nconst RIGHT_SECTION_WIDTH = {\n  xs: 24,\n  sm: 30,\n  md: 34,\n  lg: 40,\n  xl: 44,\n};\n\nexport const DatePickerBase = forwardRef<HTMLInputElement, DatePickerBaseProps>(\n  (\n    {\n      classNames,\n      className,\n      style,\n      styles,\n      wrapperProps,\n      required,\n      allowFreeInput = false,\n      label,\n      error,\n      id,\n      description,\n      placeholder,\n      shadow = 'sm',\n      transition = 'pop-top-left',\n      transitionDuration = 200,\n      transitionTimingFunction,\n      closeDropdownOnScroll = false,\n      size = 'sm',\n      children,\n      inputLabel,\n      __staticSelector = 'date-picker',\n      dropdownOpened,\n      setDropdownOpened,\n      dropdownType = 'popover',\n      clearable = true,\n      clearButtonLabel,\n      onClear,\n      positionDependencies = [],\n      zIndex = 3,\n      onBlur,\n      onFocus,\n      onChange,\n      onKeyDown,\n      name = 'date',\n      sx,\n      ...others\n    }: DatePickerBaseProps,\n    ref\n  ) => {\n    const { classes, cx, theme } = useStyles(\n      { size, invalid: !!error },\n      { classNames, styles, name: __staticSelector }\n    );\n    const { mergedStyles, rest } = useExtractedMargins({ others, style });\n    const [dropdownElement, setDropdownElement] = useState<HTMLDivElement>(null);\n    const [rootElement, setRootElement] = useState<HTMLDivElement>(null);\n    const [referenceElement, setReferenceElement] = useState<HTMLDivElement>(null);\n    const uuid = useUuid(id);\n\n    const focusTrapRef = useFocusTrap(!allowFreeInput && dropdownOpened);\n    const inputRef = useRef<HTMLButtonElement>();\n\n    const closeDropdown = () => {\n      setDropdownOpened(false);\n    };\n\n    const closeOnEscape = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.nativeEvent.code === 'Escape') {\n        closeDropdown();\n        window.setTimeout(() => inputRef.current?.focus(), 0);\n      }\n    };\n\n    useClickOutside(() => dropdownType === 'popover' && !allowFreeInput && closeDropdown(), null, [\n      dropdownElement,\n      rootElement,\n    ]);\n\n    useWindowEvent('scroll', () => closeDropdownOnScroll && closeDropdown());\n\n    const rightSection = clearable ? (\n      <CloseButton\n        variant=\"transparent\"\n        aria-label={clearButtonLabel}\n        onClick={onClear}\n        size={size}\n      />\n    ) : null;\n\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      typeof onBlur === 'function' && onBlur(event);\n\n      if (allowFreeInput) {\n        closeDropdown();\n      }\n    };\n\n    const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      typeof onFocus === 'function' && onFocus(event);\n      if (allowFreeInput) {\n        setDropdownOpened(true);\n      }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      typeof onKeyDown === 'function' && onKeyDown(event);\n      if (event.code === 'Space' && !allowFreeInput) {\n        event.preventDefault();\n        setDropdownOpened(true);\n      }\n    };\n\n    return (\n      <InputWrapper\n        required={required}\n        id={uuid}\n        label={label}\n        error={error}\n        description={description}\n        className={className}\n        style={mergedStyles}\n        classNames={classNames}\n        styles={styles}\n        size={size}\n        __staticSelector={__staticSelector}\n        sx={sx}\n        ref={setReferenceElement}\n        {...wrapperProps}\n      >\n        <div ref={setRootElement}>\n          <div className={classes.wrapper}>\n            <Input<'input'>\n              classNames={{\n                ...classNames,\n                input: cx(\n                  classes.input,\n                  { [classes.freeInput]: allowFreeInput },\n                  classNames?.input\n                ),\n              }}\n              styles={styles}\n              onClick={() =>\n                !allowFreeInput ? setDropdownOpened(!dropdownOpened) : setDropdownOpened(true)\n              }\n              onKeyDown={handleKeyDown}\n              id={uuid}\n              ref={useMergedRef(ref, inputRef)}\n              __staticSelector={__staticSelector}\n              size={size}\n              name={name}\n              placeholder={placeholder}\n              value={inputLabel}\n              required={required}\n              invalid={!!error}\n              readOnly={!allowFreeInput}\n              rightSection={rightSection}\n              rightSectionWidth={theme.fn.size({ size, sizes: RIGHT_SECTION_WIDTH })}\n              onBlur={handleInputBlur}\n              onFocus={handleInputFocus}\n              onChange={onChange}\n              autoComplete=\"off\"\n              {...rest}\n            />\n          </div>\n\n          {dropdownType === 'popover' ? (\n            <Popper\n              referenceElement={referenceElement}\n              transitionDuration={transitionDuration}\n              transitionTimingFunction={transitionTimingFunction}\n              forceUpdateDependencies={positionDependencies}\n              transition={transition}\n              mounted={dropdownOpened}\n              position=\"bottom\"\n              placement=\"start\"\n              gutter={10}\n              withArrow\n              arrowSize={3}\n              zIndex={zIndex}\n              arrowClassName={classes.arrow}\n            >\n              <div\n                className={classes.dropdownWrapper}\n                ref={setDropdownElement}\n                data-mantine-stop-propagation={dropdownOpened}\n                onKeyDownCapture={closeOnEscape}\n                aria-hidden={allowFreeInput || undefined}\n              >\n                <Paper className={classes.dropdown} shadow={shadow} ref={focusTrapRef}>\n                  {children}\n                </Paper>\n              </div>\n            </Popper>\n          ) : (\n            <Modal opened={dropdownOpened} onClose={closeDropdown} hideCloseButton>\n              {children}\n            </Modal>\n          )}\n        </div>\n      </InputWrapper>\n    );\n  }\n);\n\nDatePickerBase.displayName = '@mantine/dates/DatePickerBase';\n"],"names":["forwardRef","useStyles","useExtractedMargins","useState","useUuid","useFocusTrap","useRef","useClickOutside","useWindowEvent","React","CloseButton","InputWrapper","Input","useMergedRef","Popper","Paper","Modal"],"mappings":"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"}

package/cjs/components/DatePickerBase/DatePickerBase.styles.js

@@ -24,12 +24,12 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var useStyles = core.createStyles((theme, { size, invalid }) => ({
-  wrapper: __spreadProps(__spreadValues({}, core.getFontStyles(theme)), {
+  wrapper: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
     position: "relative",
     cursor: "pointer"
   }),
   placeholder: {
-    lineHeight: `${core.getSizeValue({ size, sizes: core.INPUT_SIZES }) - 2}px`,
+    lineHeight: `${theme.fn.size({ size, sizes: core.INPUT_SIZES }) - 2}px`,
     whiteSpace: "nowrap",
     overflow: "hidden",
     textOverflow: "ellipsis",
@@ -47,6 +47,9 @@ var useStyles = core.createStyles((theme, { size, invalid }) => ({
     cursor: "pointer",
     whiteSpace: "nowrap"
   },
+  freeInput: {
+    cursor: "text"
+  },
   dropdown: {
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
     border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[2]}`,

package/cjs/components/DatePickerBase/DatePickerBase.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerBase.styles.js","sources":["../../../src/components/DatePickerBase/DatePickerBase.styles.ts"],"sourcesContent":["import { createStyles, getFontStyles, getSizeValue, MantineSize, INPUT_SIZES } from '@mantine/core';\n\ninterface DatePickerBaseStyles {\n  size: MantineSize;\n  invalid: boolean;\n}\n\nexport default createStyles((theme, { size, invalid }: DatePickerBaseStyles) => ({\n  wrapper: {\n    ...getFontStyles(theme),\n    position: 'relative',\n    cursor: 'pointer',\n  },\n\n  placeholder: {\n    lineHeight: `${getSizeValue({ size, sizes: INPUT_SIZES }) - 2}px`,\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    color: invalid\n      ? theme.colors.red[theme.colorScheme === 'dark' ? 6 : 7]\n      : theme.colorScheme === 'dark'\n      ? theme.colors.dark[3]\n      : theme.colors.gray[5],\n  },\n\n  value: {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n\n  dropdownWrapper: {\n    position: 'relative',\n    pointerEvents: 'all',\n  },\n\n  input: {\n    cursor: 'pointer',\n    whiteSpace: 'nowrap',\n  },\n\n  dropdown: {\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n    border: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n    }`,\n    zIndex: 4,\n    padding: `${theme.spacing.md}px ${theme.spacing.xs}px`,\n  },\n\n  arrow: {\n    borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2],\n    background: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n  },\n}));\n"],"names":["createStyles","getFontStyles","getSizeValue","INPUT_SIZES"],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAElE,gBAAeA,iBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM;AAC3D,EAAE,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAEC,kBAAa,CAAC,KAAK,CAAC,CAAC,EAAE;AACnE,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,MAAM,EAAE,SAAS;AACrB,GAAG,CAAC;AACJ,EAAE,WAAW,EAAE;AACf,IAAI,UAAU,EAAE,CAAC,EAAEC,iBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAEC,gBAAW,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AACrE,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,YAAY,EAAE,UAAU;AAC5B,IAAI,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACxJ,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,YAAY,EAAE,UAAU;AAC5B,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,aAAa,EAAE,KAAK;AACxB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,UAAU,EAAE,QAAQ;AACxB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,IAAI,MAAM,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACrG,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;AAC1D,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,WAAW,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3F,IAAI,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACjF,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"DatePickerBase.styles.js","sources":["../../../src/components/DatePickerBase/DatePickerBase.styles.ts"],"sourcesContent":["import { createStyles, MantineSize, INPUT_SIZES } from '@mantine/core';\n\ninterface DatePickerBaseStyles {\n  size: MantineSize;\n  invalid: boolean;\n}\n\nexport default createStyles((theme, { size, invalid }: DatePickerBaseStyles) => ({\n  wrapper: {\n    ...theme.fn.fontStyles(),\n    position: 'relative',\n    cursor: 'pointer',\n  },\n\n  placeholder: {\n    lineHeight: `${theme.fn.size({ size, sizes: INPUT_SIZES }) - 2}px`,\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    color: invalid\n      ? theme.colors.red[theme.colorScheme === 'dark' ? 6 : 7]\n      : theme.colorScheme === 'dark'\n      ? theme.colors.dark[3]\n      : theme.colors.gray[5],\n  },\n\n  value: {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n\n  dropdownWrapper: {\n    position: 'relative',\n    pointerEvents: 'all',\n  },\n\n  input: {\n    cursor: 'pointer',\n    whiteSpace: 'nowrap',\n  },\n\n  freeInput: {\n    cursor: 'text',\n  },\n\n  dropdown: {\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n    border: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n    }`,\n    zIndex: 4,\n    padding: `${theme.spacing.md}px ${theme.spacing.xs}px`,\n  },\n\n  arrow: {\n    borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2],\n    background: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n  },\n}));\n"],"names":["createStyles","INPUT_SIZES"],"mappings":"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"}

package/cjs/components/DateRangePicker/DateRangePicker.js

@@ -2,16 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var dayjs = require('dayjs');
 var React = require('react');
 var hooks = require('@mantine/hooks');
-var dayjs = require('dayjs');
+var core = require('@mantine/core');
 var RangeCalendar = require('../RangeCalendar/RangeCalendar.js');
 var DatePickerBase = require('../DatePickerBase/DatePickerBase.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -51,7 +52,7 @@ const DateRangePicker = React.forwardRef((_a, ref) => {
     styles,
     shadow = "sm",
     locale = "en",
-    inputFormat = "MMMM D, YYYY",
+    inputFormat,
     transitionDuration = 200,
     transitionTimingFunction,
     nextMonthLabel,
@@ -74,7 +75,9 @@ const DateRangePicker = React.forwardRef((_a, ref) => {
     labelSeparator = "\u2013",
     clearable = true,
     clearButtonLabel,
-    allowSingleDateInRange = false
+    firstDayOfWeek = "monday",
+    allowSingleDateInRange = false,
+    amountOfMonths = 1
   } = _b, others = __objRest(_b, [
     "value",
     "onChange",
@@ -106,8 +109,12 @@ const DateRangePicker = React.forwardRef((_a, ref) => {
     "labelSeparator",
     "clearable",
     "clearButtonLabel",
-    "allowSingleDateInRange"
+    "firstDayOfWeek",
+    "allowSingleDateInRange",
+    "amountOfMonths"
   ]);
+  const theme = core.useMantineTheme();
+  const dateFormat = inputFormat || theme.dateFormat;
   const [dropdownOpened, setDropdownOpened] = React.useState(initiallyOpened);
   const calendarSize = size === "lg" || size === "xl" ? "md" : "sm";
   const inputRef = React.useRef();
@@ -120,12 +127,17 @@ const DateRangePicker = React.forwardRef((_a, ref) => {
   });
   const handleValueChange = (range) => {
     setValue(range);
+    window.setTimeout(() => {
+      var _a2;
+      return (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+    }, 0);
     closeCalendarOnChange && validationRule(range) && setDropdownOpened(false);
   };
   const valueValid = validationRule(_value);
   const handleClear = () => {
     var _a2;
     setValue([null, null]);
+    setDropdownOpened(true);
     (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(DatePickerBase.DatePickerBase, __spreadValues({
@@ -137,8 +149,8 @@ const DateRangePicker = React.forwardRef((_a, ref) => {
     size,
     styles,
     classNames,
-    inputLabel: valueValid ? `${hooks.upperFirst(dayjs__default(_value[0]).locale(locale).format(inputFormat))} ${labelSeparator} ${hooks.upperFirst(dayjs__default(_value[1]).locale(locale).format(inputFormat))}` : null,
-    __staticSelector: "date-range-picker",
+    inputLabel: valueValid ? `${hooks.upperFirst(dayjs__default(_value[0]).locale(locale).format(dateFormat))} ${labelSeparator} ${hooks.upperFirst(dayjs__default(_value[1]).locale(locale).format(dateFormat))}` : "",
+    __staticSelector: "DateRangePicker",
     dropdownType,
     clearable: clearable && valueValid,
     clearButtonLabel,
@@ -161,10 +173,12 @@ const DateRangePicker = React.forwardRef((_a, ref) => {
     minDate,
     maxDate,
     excludeDate,
-    __staticSelector: "date-range-picker",
+    __staticSelector: "DateRangePicker",
     fullWidth: dropdownType === "modal",
+    firstDayOfWeek,
     size: dropdownType === "modal" ? "lg" : calendarSize,
-    allowSingleDateInRange
+    allowSingleDateInRange,
+    amountOfMonths
   })), /* @__PURE__ */ React__default.createElement("input", {
     type: "hidden",
     name: `${name}-from`,

package/cjs/components/DateRangePicker/DateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.js","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef } from 'react';\nimport { useUncontrolled, useMergedRef, upperFirst } from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport { CalendarSettings } from '../Calendar/Calendar';\nimport { RangeCalendar } from '../RangeCalendar/RangeCalendar';\nimport { DatePickerBase, DatePickerBaseSharedProps } from '../DatePickerBase/DatePickerBase';\n\nexport interface DateRangePickerProps\n  extends DatePickerBaseSharedProps,\n    Omit<CalendarSettings, 'size'> {\n  /** Selected date, required with controlled input */\n  value?: [Date, Date];\n\n  /** Called when date range changes */\n  onChange?(value: [Date | null, Date | null]): void;\n\n  /** Default value for uncontrolled input */\n  defaultValue?: [Date, Date];\n\n  /** Set to false to force dropdown to stay open after date was selected */\n  closeCalendarOnChange?: boolean;\n\n  /** dayjs input format */\n  inputFormat?: string;\n\n  /** Control initial dropdown opened state */\n  initiallyOpened?: boolean;\n\n  /** Input name, useful fon uncontrolled variant to capture data with native form */\n  name?: string;\n\n  /** Separator between dates */\n  labelSeparator?: string;\n\n  /** Allow one date to be selected as range */\n  allowSingleDateInRange?: boolean;\n}\n\nconst validationRule = (val: any) =>\n  Array.isArray(val) && val.length === 2 && val.every((v) => v instanceof Date);\n\nexport const DateRangePicker = forwardRef<HTMLButtonElement, DateRangePickerProps>(\n  (\n    {\n      value,\n      onChange,\n      defaultValue,\n      classNames,\n      styles,\n      shadow = 'sm',\n      locale = 'en',\n      inputFormat = 'MMMM D, YYYY',\n      transitionDuration = 200,\n      transitionTimingFunction,\n      nextMonthLabel,\n      previousMonthLabel,\n      closeCalendarOnChange = true,\n      labelFormat = 'MMMM YYYY',\n      withSelect = false,\n      yearsRange,\n      dayClassName,\n      dayStyle,\n      disableOutsideEvents,\n      minDate,\n      maxDate,\n      excludeDate,\n      initialMonth,\n      initiallyOpened = false,\n      name = 'date',\n      size = 'sm',\n      dropdownType = 'popover',\n      labelSeparator = '–',\n      clearable = true,\n      clearButtonLabel,\n      allowSingleDateInRange = false,\n      ...others\n    }: DateRangePickerProps,\n    ref\n  ) => {\n    const [dropdownOpened, setDropdownOpened] = useState(initiallyOpened);\n    const calendarSize = size === 'lg' || size === 'xl' ? 'md' : 'sm';\n    const inputRef = useRef<HTMLInputElement>();\n    const [_value, setValue] = useUncontrolled({\n      value,\n      defaultValue,\n      finalValue: [null, null],\n      onChange,\n      rule: validationRule,\n    });\n\n    const handleValueChange = (range: [Date, Date]) => {\n      setValue(range);\n      closeCalendarOnChange && validationRule(range) && setDropdownOpened(false);\n    };\n\n    const valueValid = validationRule(_value);\n\n    const handleClear = () => {\n      setValue([null, null]);\n      inputRef.current?.focus();\n    };\n\n    return (\n      <>\n        <DatePickerBase\n          dropdownOpened={dropdownOpened}\n          setDropdownOpened={setDropdownOpened}\n          shadow={shadow}\n          transitionDuration={transitionDuration}\n          ref={useMergedRef(ref, inputRef)}\n          size={size}\n          styles={styles}\n          classNames={classNames}\n          inputLabel={\n            valueValid\n              ? `${upperFirst(\n                  dayjs(_value[0]).locale(locale).format(inputFormat)\n                )} ${labelSeparator} ${upperFirst(\n                  dayjs(_value[1]).locale(locale).format(inputFormat)\n                )}`\n              : null\n          }\n          __staticSelector=\"date-range-picker\"\n          dropdownType={dropdownType}\n          clearable={clearable && valueValid}\n          clearButtonLabel={clearButtonLabel}\n          onClear={handleClear}\n          {...others}\n        >\n          <RangeCalendar\n            classNames={classNames}\n            styles={styles}\n            locale={locale}\n            nextMonthLabel={nextMonthLabel}\n            previousMonthLabel={previousMonthLabel}\n            initialMonth={valueValid ? _value[0] : initialMonth}\n            value={_value}\n            onChange={handleValueChange}\n            labelFormat={labelFormat}\n            withSelect={withSelect}\n            yearsRange={yearsRange}\n            dayClassName={dayClassName}\n            dayStyle={dayStyle}\n            disableOutsideEvents={disableOutsideEvents}\n            minDate={minDate}\n            maxDate={maxDate}\n            excludeDate={excludeDate}\n            __staticSelector=\"date-range-picker\"\n            fullWidth={dropdownType === 'modal'}\n            size={dropdownType === 'modal' ? 'lg' : calendarSize}\n            allowSingleDateInRange={allowSingleDateInRange}\n          />\n        </DatePickerBase>\n\n        <input\n          type=\"hidden\"\n          name={`${name}-from`}\n          value={valueValid ? _value[0].toISOString() : ''}\n        />\n\n        <input\n          type=\"hidden\"\n          name={`${name}-to`}\n          value={valueValid ? _value[1].toISOString() : ''}\n        />\n      </>\n    );\n  }\n);\n\nDateRangePicker.displayName = '@mantine/dates/DateRangePicker';\n"],"names":["forwardRef","useState","useRef","useUncontrolled","React","DatePickerBase","useMergedRef","upperFirst","dayjs","RangeCalendar"],"mappings":"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"}
+{"version":3,"file":"DateRangePicker.js","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React, { useState, useRef, forwardRef } from 'react';\nimport { useUncontrolled, useMergedRef, upperFirst } from '@mantine/hooks';\nimport { useMantineTheme } from '@mantine/core';\nimport { FirstDayOfWeek } from '../../types';\nimport { CalendarSettings } from '../Calendar/Calendar';\nimport { RangeCalendar } from '../RangeCalendar/RangeCalendar';\nimport { DatePickerBase, DatePickerBaseSharedProps } from '../DatePickerBase/DatePickerBase';\n\n// @ts-ignore\nexport interface DateRangePickerProps\n  extends DatePickerBaseSharedProps,\n    Omit<CalendarSettings, 'size'> {\n  /** Selected date, required with controlled input */\n  value?: [Date, Date];\n\n  /** Called when date range changes */\n  onChange?(value: [Date | null, Date | null]): void;\n\n  /** Default value for uncontrolled input */\n  defaultValue?: [Date, Date];\n\n  /** Set to false to force dropdown to stay open after date was selected */\n  closeCalendarOnChange?: boolean;\n\n  /** dayjs input format */\n  inputFormat?: string;\n\n  /** Control initial dropdown opened state */\n  initiallyOpened?: boolean;\n\n  /** Input name, useful fon uncontrolled variant to capture data with native form */\n  name?: string;\n\n  /** Separator between dates */\n  labelSeparator?: string;\n\n  /** Set first day of the week */\n  firstDayOfWeek?: FirstDayOfWeek;\n\n  /** Allow one date to be selected as range */\n  allowSingleDateInRange?: boolean;\n\n  /** Allows to show multiple months */\n  amountOfMonths?: number;\n}\n\nconst validationRule = (val: any) =>\n  Array.isArray(val) && val.length === 2 && val.every((v) => v instanceof Date);\n\nexport const DateRangePicker = forwardRef<HTMLButtonElement, DateRangePickerProps>(\n  (\n    {\n      value,\n      onChange,\n      defaultValue,\n      classNames,\n      styles,\n      shadow = 'sm',\n      locale = 'en',\n      inputFormat,\n      transitionDuration = 200,\n      transitionTimingFunction,\n      nextMonthLabel,\n      previousMonthLabel,\n      closeCalendarOnChange = true,\n      labelFormat = 'MMMM YYYY',\n      withSelect = false,\n      yearsRange,\n      dayClassName,\n      dayStyle,\n      disableOutsideEvents,\n      minDate,\n      maxDate,\n      excludeDate,\n      initialMonth,\n      initiallyOpened = false,\n      name = 'date',\n      size = 'sm',\n      dropdownType = 'popover',\n      labelSeparator = '–',\n      clearable = true,\n      clearButtonLabel,\n      firstDayOfWeek = 'monday',\n      allowSingleDateInRange = false,\n      amountOfMonths = 1,\n      ...others\n    }: DateRangePickerProps,\n    ref\n  ) => {\n    const theme = useMantineTheme();\n    const dateFormat = inputFormat || theme.dateFormat;\n    const [dropdownOpened, setDropdownOpened] = useState(initiallyOpened);\n    const calendarSize = size === 'lg' || size === 'xl' ? 'md' : 'sm';\n    const inputRef = useRef<HTMLInputElement>();\n    const [_value, setValue] = useUncontrolled<[Date, Date]>({\n      value,\n      defaultValue,\n      finalValue: [null, null],\n      onChange,\n      rule: validationRule,\n    });\n\n    const handleValueChange = (range: [Date, Date]) => {\n      setValue(range);\n      window.setTimeout(() => inputRef.current?.focus(), 0);\n      closeCalendarOnChange && validationRule(range) && setDropdownOpened(false);\n    };\n\n    const valueValid = validationRule(_value);\n\n    const handleClear = () => {\n      setValue([null, null]);\n      setDropdownOpened(true);\n      inputRef.current?.focus();\n    };\n\n    return (\n      <>\n        <DatePickerBase\n          dropdownOpened={dropdownOpened}\n          setDropdownOpened={setDropdownOpened}\n          shadow={shadow}\n          transitionDuration={transitionDuration}\n          ref={useMergedRef(ref, inputRef)}\n          size={size}\n          styles={styles}\n          classNames={classNames}\n          inputLabel={\n            valueValid\n              ? `${upperFirst(\n                  dayjs(_value[0]).locale(locale).format(dateFormat)\n                )} ${labelSeparator} ${upperFirst(\n                  dayjs(_value[1]).locale(locale).format(dateFormat)\n                )}`\n              : ''\n          }\n          __staticSelector=\"DateRangePicker\"\n          dropdownType={dropdownType}\n          clearable={clearable && valueValid}\n          clearButtonLabel={clearButtonLabel}\n          onClear={handleClear}\n          {...others}\n        >\n          <RangeCalendar\n            classNames={classNames}\n            styles={styles}\n            locale={locale}\n            nextMonthLabel={nextMonthLabel}\n            previousMonthLabel={previousMonthLabel}\n            initialMonth={valueValid ? _value[0] : initialMonth}\n            value={_value}\n            onChange={handleValueChange}\n            labelFormat={labelFormat}\n            withSelect={withSelect}\n            yearsRange={yearsRange}\n            dayClassName={dayClassName}\n            dayStyle={dayStyle}\n            disableOutsideEvents={disableOutsideEvents}\n            minDate={minDate}\n            maxDate={maxDate}\n            excludeDate={excludeDate}\n            __staticSelector=\"DateRangePicker\"\n            fullWidth={dropdownType === 'modal'}\n            firstDayOfWeek={firstDayOfWeek}\n            size={dropdownType === 'modal' ? 'lg' : calendarSize}\n            allowSingleDateInRange={allowSingleDateInRange}\n            amountOfMonths={amountOfMonths}\n          />\n        </DatePickerBase>\n\n        <input\n          type=\"hidden\"\n          name={`${name}-from`}\n          value={valueValid ? _value[0].toISOString() : ''}\n        />\n\n        <input\n          type=\"hidden\"\n          name={`${name}-to`}\n          value={valueValid ? _value[1].toISOString() : ''}\n        />\n      </>\n    );\n  }\n);\n\nDateRangePicker.displayName = '@mantine/dates/DateRangePicker';\n"],"names":["forwardRef","useMantineTheme","useState","useRef","useUncontrolled","React","DatePickerBase","useMergedRef","upperFirst","dayjs","RangeCalendar"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAOF,MAAM,cAAc,GAAG,CAAC,GAAG,KAAK,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC;AAClG,MAAC,eAAe,GAAGA,gBAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AACvD,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,KAAK;AACT,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,MAAM,GAAG,IAAI;AACjB,IAAI,MAAM,GAAG,IAAI;AACjB,IAAI,WAAW;AACf,IAAI,kBAAkB,GAAG,GAAG;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,cAAc;AAClB,IAAI,kBAAkB;AACtB,IAAI,qBAAqB,GAAG,IAAI;AAChC,IAAI,WAAW,GAAG,WAAW;AAC7B,IAAI,UAAU,GAAG,KAAK;AACtB,IAAI,UAAU;AACd,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,oBAAoB;AACxB,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,eAAe,GAAG,KAAK;AAC3B,IAAI,IAAI,GAAG,MAAM;AACjB,IAAI,IAAI,GAAG,IAAI;AACf,IAAI,YAAY,GAAG,SAAS;AAC5B,IAAI,cAAc,GAAG,QAAQ;AAC7B,IAAI,SAAS,GAAG,IAAI;AACpB,IAAI,gBAAgB;AACpB,IAAI,cAAc,GAAG,QAAQ;AAC7B,IAAI,sBAAsB,GAAG,KAAK;AAClC,IAAI,cAAc,GAAG,CAAC;AACtB,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,aAAa;AACjB,IAAI,oBAAoB;AACxB,IAAI,0BAA0B;AAC9B,IAAI,gBAAgB;AACpB,IAAI,oBAAoB;AACxB,IAAI,uBAAuB;AAC3B,IAAI,aAAa;AACjB,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,cAAc;AAClB,IAAI,UAAU;AACd,IAAI,sBAAsB;AAC1B,IAAI,SAAS;AACb,IAAI,SAAS;AACb,IAAI,aAAa;AACjB,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,cAAc;AAClB,IAAI,gBAAgB;AACpB,IAAI,WAAW;AACf,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,wBAAwB;AAC5B,IAAI,gBAAgB;AACpB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,KAAK,GAAGC,oBAAe,EAAE,CAAC;AAClC,EAAE,MAAM,UAAU,GAAG,WAAW,IAAI,KAAK,CAAC,UAAU,CAAC;AACrD,EAAE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGC,cAAQ,CAAC,eAAe,CAAC,CAAC;AACxE,EAAE,MAAM,YAAY,GAAG,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpE,EAAE,MAAM,QAAQ,GAAGC,YAAM,EAAE,CAAC;AAC5B,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAGC,qBAAe,CAAC;AAC7C,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;AAC5B,IAAI,QAAQ;AACZ,IAAI,IAAI,EAAE,cAAc;AACxB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,iBAAiB,GAAG,CAAC,KAAK,KAAK;AACvC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;AACpB,IAAI,MAAM,CAAC,UAAU,CAAC,MAAM;AAC5B,MAAM,IAAI,GAAG,CAAC;AACd,MAAM,OAAO,CAAC,GAAG,GAAG,QAAQ,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC;AACrE,KAAK,EAAE,CAAC,CAAC,CAAC;AACV,IAAI,qBAAqB,IAAI,cAAc,CAAC,KAAK,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAC/E,GAAG,CAAC;AACJ,EAAE,MAAM,UAAU,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;AAC5C,EAAE,MAAM,WAAW,GAAG,MAAM;AAC5B,IAAI,IAAI,GAAG,CAAC;AACZ,IAAI,QAAQ,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;AAC3B,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAC5B,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC;AAC5D,GAAG,CAAC;AACJ,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACA,cAAK,CAAC,QAAQ,EAAE,IAAI,kBAAkBA,cAAK,CAAC,aAAa,CAACC,6BAAc,EAAE,cAAc,CAAC;AACtI,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,MAAM;AACV,IAAI,kBAAkB;AACtB,IAAI,GAAG,EAAEC,kBAAY,CAAC,GAAG,EAAE,QAAQ,CAAC;AACpC,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,UAAU,EAAE,UAAU,GAAG,CAAC,EAAEC,gBAAU,CAACC,cAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,EAAED,gBAAU,CAACC,cAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE;AACzL,IAAI,gBAAgB,EAAE,iBAAiB;AACvC,IAAI,YAAY;AAChB,IAAI,SAAS,EAAE,SAAS,IAAI,UAAU;AACtC,IAAI,gBAAgB;AACpB,IAAI,OAAO,EAAE,WAAW;AACxB,GAAG,EAAE,MAAM,CAAC,kBAAkBJ,cAAK,CAAC,aAAa,CAACK,2BAAa,EAAE;AACjE,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,cAAc;AAClB,IAAI,kBAAkB;AACtB,IAAI,YAAY,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,YAAY;AACvD,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,QAAQ,EAAE,iBAAiB;AAC/B,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,UAAU;AACd,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,oBAAoB;AACxB,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,WAAW;AACf,IAAI,gBAAgB,EAAE,iBAAiB;AACvC,IAAI,SAAS,EAAE,YAAY,KAAK,OAAO;AACvC,IAAI,cAAc;AAClB,IAAI,IAAI,EAAE,YAAY,KAAK,OAAO,GAAG,IAAI,GAAG,YAAY;AACxD,IAAI,sBAAsB;AAC1B,IAAI,cAAc;AAClB,GAAG,CAAC,CAAC,kBAAkBL,cAAK,CAAC,aAAa,CAAC,OAAO,EAAE;AACpD,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC;AACxB,IAAI,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,EAAE;AACpD,GAAG,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,OAAO,EAAE;AACnD,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC;AACtB,IAAI,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,EAAE;AACpD,GAAG,CAAC,CAAC,CAAC;AACN,CAAC,EAAE;AACH,eAAe,CAAC,WAAW,GAAG,gCAAgC;;;;"}

package/cjs/components/Month/Day/Day.styles.js

@@ -44,14 +44,14 @@ var useStyles = core.createStyles((theme, { size, fullWidth }, getRef) => {
     inRange,
     firstInRange,
     lastInRange,
-    day: __spreadProps(__spreadValues(__spreadValues({}, core.getFontStyles(theme)), core.getFocusStyles(theme)), {
+    day: __spreadProps(__spreadValues(__spreadValues({}, theme.fn.fontStyles()), theme.fn.focusStyles()), {
       position: "relative",
       WebkitTapHighlightColor: "transparent",
       backgroundColor: "transparent",
-      width: fullWidth ? "100%" : core.getSizeValue({ size, sizes }),
-      height: core.getSizeValue({ size, sizes }),
-      lineHeight: `${core.getSizeValue({ size, sizes })}px`,
-      fontSize: core.getSizeValue({ size, sizes: theme.fontSizes }),
+      width: fullWidth ? "100%" : theme.fn.size({ size, sizes }),
+      height: theme.fn.size({ size, sizes }),
+      lineHeight: `${theme.fn.size({ size, sizes })}px`,
+      fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
       padding: 0,
       borderRadius: theme.radius.sm,
       border: "1px dotted transparent",
@@ -72,7 +72,7 @@ var useStyles = core.createStyles((theme, { size, fullWidth }, getRef) => {
         color: `${theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[4]} !important`
       },
       [`&.${inRange.ref}:not(:disabled)`]: {
-        backgroundColor: theme.colorScheme === "dark" ? core.hexToRgba(theme.colors[theme.primaryColor][9], 0.3) : theme.colors[theme.primaryColor][0],
+        backgroundColor: theme.colorScheme === "dark" ? theme.fn.rgba(theme.colors[theme.primaryColor][9], 0.3) : theme.colors[theme.primaryColor][0],
         borderRadius: 0
       },
       [`&.${selected.ref}:not(:disabled)`]: {

package/cjs/components/Month/Day/Day.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Day.styles.js","sources":["../../../../src/components/Month/Day/Day.styles.ts"],"sourcesContent":["import {\n  getFontStyles,\n  getFocusStyles,\n  createStyles,\n  MantineSize,\n  getSizeValue,\n  hexToRgba,\n} from '@mantine/core';\n\ninterface DayStyles {\n  size: MantineSize;\n  fullWidth: boolean;\n}\n\nexport const sizes = {\n  xs: 34,\n  sm: 38,\n  md: 46,\n  lg: 58,\n  xl: 66,\n};\n\nexport default createStyles((theme, { size, fullWidth }: DayStyles, getRef) => {\n  const weekend = { ref: getRef('weekend') } as const;\n  const outside = { ref: getRef('outside') } as const;\n  const selected = { ref: getRef('selected') } as const;\n  const inRange = { ref: getRef('inRange') } as const;\n  const firstInRange = { ref: getRef('firstInRange') } as const;\n  const lastInRange = { ref: getRef('lastInRange') } as const;\n\n  return {\n    weekend,\n    outside,\n    selected,\n    inRange,\n    firstInRange,\n    lastInRange,\n\n    day: {\n      ...getFontStyles(theme),\n      ...getFocusStyles(theme),\n      position: 'relative',\n      WebkitTapHighlightColor: 'transparent',\n      backgroundColor: 'transparent',\n      width: fullWidth ? '100%' : getSizeValue({ size, sizes }),\n      height: getSizeValue({ size, sizes }),\n      lineHeight: `${getSizeValue({ size, sizes })}px`,\n      fontSize: getSizeValue({ size, sizes: theme.fontSizes }),\n      padding: 0,\n      borderRadius: theme.radius.sm,\n      border: '1px dotted transparent',\n      cursor: 'pointer',\n      userSelect: 'none',\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n\n      '&:disabled': {\n        pointerEvents: 'none',\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[4],\n      },\n\n      '&:hover': {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n      },\n\n      [`&.${weekend.ref}:not(:disabled)`]: {\n        color: theme.colorScheme === 'dark' ? theme.colors.red[5] : theme.colors.red[7],\n      },\n\n      [`&.${outside.ref}`]: {\n        color: `${\n          theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[4]\n        } !important`,\n      },\n\n      [`&.${inRange.ref}:not(:disabled)`]: {\n        backgroundColor:\n          theme.colorScheme === 'dark'\n            ? hexToRgba(theme.colors[theme.primaryColor][9], 0.3)\n            : theme.colors[theme.primaryColor][0],\n        borderRadius: 0,\n      },\n\n      [`&.${selected.ref}:not(:disabled)`]: {\n        backgroundColor: theme.colors[theme.primaryColor][6],\n        color: theme.white,\n      },\n\n      [`&.${firstInRange.ref}:not(:disabled)`]: {\n        borderTopLeftRadius: theme.radius.sm,\n        borderBottomLeftRadius: theme.radius.sm,\n      },\n\n      [`&.${lastInRange.ref}:not(:disabled)`]: {\n        borderTopRightRadius: theme.radius.sm,\n        borderBottomRightRadius: theme.radius.sm,\n      },\n    },\n  };\n});\n"],"names":["createStyles","getFontStyles","getFocusStyles","getSizeValue","hexToRgba"],"mappings":"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"}
+{"version":3,"file":"Day.styles.js","sources":["../../../../src/components/Month/Day/Day.styles.ts"],"sourcesContent":["import { createStyles, MantineSize } from '@mantine/core';\n\ninterface DayStyles {\n  size: MantineSize;\n  fullWidth: boolean;\n}\n\nexport const sizes = {\n  xs: 34,\n  sm: 38,\n  md: 46,\n  lg: 58,\n  xl: 66,\n};\n\nexport default createStyles((theme, { size, fullWidth }: DayStyles, getRef) => {\n  const weekend = { ref: getRef('weekend') } as const;\n  const outside = { ref: getRef('outside') } as const;\n  const selected = { ref: getRef('selected') } as const;\n  const inRange = { ref: getRef('inRange') } as const;\n  const firstInRange = { ref: getRef('firstInRange') } as const;\n  const lastInRange = { ref: getRef('lastInRange') } as const;\n\n  return {\n    weekend,\n    outside,\n    selected,\n    inRange,\n    firstInRange,\n    lastInRange,\n\n    day: {\n      ...theme.fn.fontStyles(),\n      ...theme.fn.focusStyles(),\n      position: 'relative',\n      WebkitTapHighlightColor: 'transparent',\n      backgroundColor: 'transparent',\n      width: fullWidth ? '100%' : theme.fn.size({ size, sizes }),\n      height: theme.fn.size({ size, sizes }),\n      lineHeight: `${theme.fn.size({ size, sizes })}px`,\n      fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n      padding: 0,\n      borderRadius: theme.radius.sm,\n      border: '1px dotted transparent',\n      cursor: 'pointer',\n      userSelect: 'none',\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n\n      '&:disabled': {\n        pointerEvents: 'none',\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[4],\n      },\n\n      '&:hover': {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n      },\n\n      [`&.${weekend.ref}:not(:disabled)`]: {\n        color: theme.colorScheme === 'dark' ? theme.colors.red[5] : theme.colors.red[7],\n      },\n\n      [`&.${outside.ref}`]: {\n        color: `${\n          theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[4]\n        } !important`,\n      },\n\n      [`&.${inRange.ref}:not(:disabled)`]: {\n        backgroundColor:\n          theme.colorScheme === 'dark'\n            ? theme.fn.rgba(theme.colors[theme.primaryColor][9], 0.3)\n            : theme.colors[theme.primaryColor][0],\n        borderRadius: 0,\n      },\n\n      [`&.${selected.ref}:not(:disabled)`]: {\n        backgroundColor: theme.colors[theme.primaryColor][6],\n        color: theme.white,\n      },\n\n      [`&.${firstInRange.ref}:not(:disabled)`]: {\n        borderTopLeftRadius: theme.radius.sm,\n        borderBottomLeftRadius: theme.radius.sm,\n      },\n\n      [`&.${lastInRange.ref}:not(:disabled)`]: {\n        borderTopRightRadius: theme.radius.sm,\n        borderBottomRightRadius: theme.radius.sm,\n      },\n    },\n  };\n});\n"],"names":["createStyles"],"mappings":"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"}