@mantine/dates 3.3.4 → 3.4.2

package/cjs/components/RangeCalendar/RangeCalendar.js

@@ -4,14 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var core = require('@mantine/core');
-var hooks = require('@mantine/hooks');
 var dayjs = require('dayjs');
 var isSameDate = require('../../utils/is-same-date/is-same-date.js');
-var isSameMonth = require('../../utils/is-same-month/is-same-month.js');
-var Month = require('../Month/Month.js');
-var CalendarHeader = require('../Calendar/CalendarHeader/CalendarHeader.js');
-var CalendarWrapper = require('../Calendar/CalendarWrapper/CalendarWrapper.js');
-var getDisabledState = require('../Calendar/get-disabled-state/get-disabled-state.js');
+var CalendarBase = require('../CalendarBase/CalendarBase.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -51,65 +46,25 @@ var __objRest = (source, exclude) => {
 };
 const RangeCalendar = React.forwardRef((_a, ref) => {
   var _b = _a, {
-    classNames,
-    styles,
-    locale,
-    nextMonthLabel,
-    previousMonthLabel,
-    initialMonth,
-    month,
-    onMonthChange,
     value,
     onChange,
-    labelFormat = "MMMM YYYY",
-    withSelect = false,
-    yearsRange = { from: 2020, to: 2030 },
-    dayClassName,
     dayStyle,
-    disableOutsideEvents,
-    minDate,
-    maxDate,
-    excludeDate,
-    fullWidth = false,
-    size = "sm",
     onMouseLeave,
-    __staticSelector = "range-calendar",
-    firstDayOfWeek = "monday",
+    __staticSelector = "RangeCalendar",
     allowSingleDateInRange = false,
     amountOfMonths = 1
   } = _b, others = __objRest(_b, [
-    "classNames",
-    "styles",
-    "locale",
-    "nextMonthLabel",
-    "previousMonthLabel",
-    "initialMonth",
-    "month",
-    "onMonthChange",
     "value",
     "onChange",
-    "labelFormat",
-    "withSelect",
-    "yearsRange",
-    "dayClassName",
     "dayStyle",
-    "disableOutsideEvents",
-    "minDate",
-    "maxDate",
-    "excludeDate",
-    "fullWidth",
-    "size",
     "onMouseLeave",
     "__staticSelector",
-    "firstDayOfWeek",
     "allowSingleDateInRange",
     "amountOfMonths"
   ]);
   const theme = core.useMantineTheme();
   const [hoveredDay, setHoveredDay] = React.useState(null);
   const [pickedDate, setPickedDate] = React.useState(null);
-  const hasMultipleMonths = amountOfMonths > 1;
-  const finalLocale = locale || theme.datesLocale;
   const setRangeDate = (date) => {
     if (pickedDate instanceof Date) {
       if (isSameDate.isSameDate(date, pickedDate) && !allowSingleDateInRange) {
@@ -131,94 +86,36 @@ const RangeCalendar = React.forwardRef((_a, ref) => {
     typeof onMouseLeave === "function" && onMouseLeave(event);
     setHoveredDay(null);
   };
-  const shouldHighlightDate = (date, modifiers, currentMonth) => {
-    const isInCurrentMonth = hasMultipleMonths ? isSameMonth.isSameMonth(date, currentMonth) : true;
-    if (pickedDate instanceof Date && hoveredDay instanceof Date && isInCurrentMonth) {
+  const shouldHighlightDate = (date, modifiers) => {
+    if (pickedDate instanceof Date && hoveredDay instanceof Date) {
       const result = [hoveredDay, pickedDate];
       result.sort((a, b) => a.getTime() - b.getTime());
       return !modifiers.selected && dayjs__default(date).subtract(1, "day").isBefore(result[1]) && dayjs__default(date).add(1, "day").isAfter(result[0]);
     }
     return false;
   };
-  const [_month, setMonth] = hooks.useUncontrolled({
-    value: month,
-    defaultValue: initialMonth,
-    finalValue: new Date(),
-    onChange: onMonthChange,
-    rule: (val) => val instanceof Date
-  });
-  const disabledState = getDisabledState.getDisabledState({
-    month: _month,
-    minDate,
-    maxDate,
-    amountOfMonths
-  });
-  const dayStyles = (date, modifiers, currentMonth) => {
+  const dayStyles = (date, modifiers) => {
     const initialStyles = typeof dayStyle === "function" ? dayStyle(date, modifiers) : null;
-    const outsideStyles = modifiers.outside && hasMultipleMonths ? { display: "none" } : null;
-    if (shouldHighlightDate(date, modifiers, currentMonth)) {
-      return __spreadProps(__spreadValues(__spreadValues({}, initialStyles), outsideStyles), {
+    if (shouldHighlightDate(date, modifiers)) {
+      return __spreadProps(__spreadValues({}, initialStyles), {
         backgroundColor: theme.colorScheme === "dark" ? theme.fn.rgba(theme.colors[theme.primaryColor][9], 0.3) : theme.colors[theme.primaryColor][0],
         borderRadius: 0
       });
     }
-    return __spreadValues(__spreadValues({}, initialStyles), outsideStyles);
+    return __spreadValues({}, initialStyles);
   };
-  return /* @__PURE__ */ React__default.createElement(CalendarWrapper.CalendarWrapper, __spreadValues({
-    size,
-    fullWidth,
-    amountOfMonths,
+  return /* @__PURE__ */ React__default.createElement(CalendarBase.CalendarBase, __spreadValues({
+    dayStyle: dayStyles,
     onMouseLeave: handleMouseLeave,
-    ref
-  }, others), /* @__PURE__ */ React__default.createElement(core.Group, {
-    noWrap: true,
-    style: { alignItems: "flex-start" }
-  }, Array(amountOfMonths).fill(0).map((_, monthIndex) => {
-    const isFirstMonth = monthIndex === 0;
-    const isLastMonth = monthIndex === amountOfMonths - 1;
-    const monthToRender = isFirstMonth ? _month : dayjs__default(_month).add(monthIndex, "month").toDate();
-    const hiddenMonth = isFirstMonth ? "next" : isLastMonth ? "prev" : "both";
-    return /* @__PURE__ */ React__default.createElement("div", {
-      key: `month-${monthIndex}`
-    }, /* @__PURE__ */ React__default.createElement(CalendarHeader.CalendarHeader, {
-      size,
-      nextMonthLabel,
-      previousMonthLabel,
-      previousMonthDisabled: disabledState.previousDisabled,
-      nextMonthDisabled: disabledState.nextDisabled,
-      onPreviousMonth: () => setMonth(dayjs__default(_month).subtract(1, "month").toDate()),
-      onNextMonth: () => setMonth(dayjs__default(_month).add(1, "month").toDate()),
-      classNames,
-      styles,
-      locale: finalLocale,
-      withSelect,
-      yearsRange,
-      month: monthToRender,
-      setMonth,
-      labelFormat,
-      hiddenMonth: hasMultipleMonths ? hiddenMonth : void 0,
-      __staticSelector: isFirstMonth ? __staticSelector : `${__staticSelector}-month-${monthIndex}`
-    }), /* @__PURE__ */ React__default.createElement(Month.Month, {
-      month: monthToRender,
-      range: value,
-      value: pickedDate,
-      onChange: setRangeDate,
-      dayClassName,
-      dayStyle: (date, modifiers) => dayStyles(date, modifiers, monthToRender),
-      disableOutsideDayStyle: hasMultipleMonths,
-      disableOutsideEvents,
-      minDate,
-      maxDate,
-      excludeDate,
-      classNames,
-      styles,
-      fullWidth,
-      size,
-      onDayMouseEnter: (date) => setHoveredDay(date),
-      firstDayOfWeek,
-      __staticSelector: isFirstMonth ? __staticSelector : `${__staticSelector}-month-${monthIndex}`
-    }));
-  })));
+    onDayMouseEnter: (date) => setHoveredDay(date),
+    onChange: setRangeDate,
+    value: pickedDate,
+    range: value,
+    ref,
+    __staticSelector,
+    amountOfMonths,
+    hideOutsideDates: amountOfMonths > 1
+  }, others));
 });
 RangeCalendar.displayName = "@mantine/dates/RangeCalendar";
 

package/cjs/components/RangeCalendar/RangeCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeCalendar.js","sources":["../../../src/components/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react';\nimport { DefaultProps, useMantineTheme, Group } from '@mantine/core';\nimport { useUncontrolled } from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport { isSameDate, isSameMonth } from '../../utils';\nimport { FirstDayOfWeek } from '../../types';\nimport { Month } from '../Month/Month';\nimport { DayModifiers } from '../Month/get-day-props/get-day-props';\nimport { CalendarHeader } from '../Calendar/CalendarHeader/CalendarHeader';\nimport { CalendarWrapper } from '../Calendar/CalendarWrapper/CalendarWrapper';\nimport { getDisabledState } from '../Calendar/get-disabled-state/get-disabled-state';\nimport { CalendarSettings, CalendarStylesNames } from '../Calendar/Calendar';\n\nexport interface RangeCalendarProps\n  extends DefaultProps<CalendarStylesNames>,\n    CalendarSettings,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange'> {\n  /** Current month */\n  month?: Date;\n\n  /** Selected dates */\n  value: [Date | null, Date | null];\n\n  /** Called when selected date changes */\n  onChange(value: [Date, Date]): void;\n\n  /** Called when month changes */\n  onMonthChange?(value: Date): void;\n\n  /** Static css selector base */\n  __staticSelector?: 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\nexport const RangeCalendar = forwardRef<HTMLDivElement, RangeCalendarProps>(\n  (\n    {\n      classNames,\n      styles,\n      locale,\n      nextMonthLabel,\n      previousMonthLabel,\n      initialMonth,\n      month,\n      onMonthChange,\n      value,\n      onChange,\n      labelFormat = 'MMMM YYYY',\n      withSelect = false,\n      yearsRange = { from: 2020, to: 2030 },\n      dayClassName,\n      dayStyle,\n      disableOutsideEvents,\n      minDate,\n      maxDate,\n      excludeDate,\n      fullWidth = false,\n      size = 'sm',\n      onMouseLeave,\n      __staticSelector = 'range-calendar',\n      firstDayOfWeek = 'monday',\n      allowSingleDateInRange = false,\n      amountOfMonths = 1,\n      ...others\n    }: RangeCalendarProps,\n    ref\n  ) => {\n    const theme = useMantineTheme();\n    const [hoveredDay, setHoveredDay] = useState<Date>(null);\n    const [pickedDate, setPickedDate] = useState<Date>(null);\n    const hasMultipleMonths = amountOfMonths > 1;\n    const finalLocale = locale || theme.datesLocale;\n\n    const setRangeDate = (date: Date) => {\n      if (pickedDate instanceof Date) {\n        if (isSameDate(date, pickedDate) && !allowSingleDateInRange) {\n          setPickedDate(null);\n          setHoveredDay(null);\n          return null;\n        }\n\n        const result: [Date, Date] = [date, pickedDate];\n        result.sort((a, b) => a.getTime() - b.getTime());\n        onChange(result);\n        setPickedDate(null);\n        return null;\n      }\n\n      onChange([null, null]);\n      setPickedDate(date);\n      return null;\n    };\n\n    const handleMouseLeave = (event: React.MouseEvent<HTMLDivElement>) => {\n      typeof onMouseLeave === 'function' && onMouseLeave(event);\n      setHoveredDay(null);\n    };\n\n    const shouldHighlightDate = (date: Date, modifiers: DayModifiers, currentMonth: Date) => {\n      const isInCurrentMonth = hasMultipleMonths ? isSameMonth(date, currentMonth) : true;\n      if (pickedDate instanceof Date && hoveredDay instanceof Date && isInCurrentMonth) {\n        const result: [Date, Date] = [hoveredDay, pickedDate];\n        result.sort((a, b) => a.getTime() - b.getTime());\n        return (\n          !modifiers.selected &&\n          dayjs(date).subtract(1, 'day').isBefore(result[1]) &&\n          dayjs(date).add(1, 'day').isAfter(result[0])\n        );\n      }\n\n      return false;\n    };\n\n    const [_month, setMonth] = useUncontrolled({\n      value: month,\n      defaultValue: initialMonth,\n      finalValue: new Date(),\n      onChange: onMonthChange,\n      rule: (val) => val instanceof Date,\n    });\n\n    const disabledState = getDisabledState({\n      month: _month,\n      minDate,\n      maxDate,\n      amountOfMonths,\n    });\n\n    const dayStyles = (date: Date, modifiers: DayModifiers, currentMonth: Date) => {\n      const initialStyles = typeof dayStyle === 'function' ? dayStyle(date, modifiers) : null;\n      const outsideStyles = modifiers.outside && hasMultipleMonths ? { display: 'none' } : null;\n\n      if (shouldHighlightDate(date, modifiers, currentMonth)) {\n        return {\n          ...initialStyles,\n          ...outsideStyles,\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\n      return { ...initialStyles, ...outsideStyles };\n    };\n\n    return (\n      <CalendarWrapper\n        size={size}\n        fullWidth={fullWidth}\n        amountOfMonths={amountOfMonths}\n        onMouseLeave={handleMouseLeave}\n        ref={ref}\n        {...others}\n      >\n        <Group noWrap style={{ alignItems: 'flex-start' }}>\n          {Array(amountOfMonths)\n            .fill(0)\n            .map((_, monthIndex) => {\n              const isFirstMonth = monthIndex === 0;\n              const isLastMonth = monthIndex === amountOfMonths - 1;\n              const monthToRender = isFirstMonth\n                ? _month\n                : dayjs(_month).add(monthIndex, 'month').toDate();\n              const hiddenMonth = isFirstMonth ? 'next' : isLastMonth ? 'prev' : 'both';\n\n              return (\n                <div key={`month-${monthIndex}`}>\n                  <CalendarHeader\n                    size={size}\n                    nextMonthLabel={nextMonthLabel}\n                    previousMonthLabel={previousMonthLabel}\n                    previousMonthDisabled={disabledState.previousDisabled}\n                    nextMonthDisabled={disabledState.nextDisabled}\n                    onPreviousMonth={() => setMonth(dayjs(_month).subtract(1, 'month').toDate())}\n                    onNextMonth={() => setMonth(dayjs(_month).add(1, 'month').toDate())}\n                    classNames={classNames}\n                    styles={styles}\n                    locale={finalLocale}\n                    withSelect={withSelect}\n                    yearsRange={yearsRange}\n                    month={monthToRender}\n                    setMonth={setMonth}\n                    labelFormat={labelFormat}\n                    hiddenMonth={hasMultipleMonths ? hiddenMonth : undefined}\n                    __staticSelector={\n                      isFirstMonth ? __staticSelector : `${__staticSelector}-month-${monthIndex}`\n                    }\n                  />\n\n                  <Month\n                    month={monthToRender}\n                    range={value}\n                    value={pickedDate}\n                    onChange={setRangeDate}\n                    dayClassName={dayClassName}\n                    dayStyle={(date, modifiers) => dayStyles(date, modifiers, monthToRender)}\n                    disableOutsideDayStyle={hasMultipleMonths}\n                    disableOutsideEvents={disableOutsideEvents}\n                    minDate={minDate}\n                    maxDate={maxDate}\n                    excludeDate={excludeDate}\n                    classNames={classNames}\n                    styles={styles}\n                    fullWidth={fullWidth}\n                    size={size}\n                    onDayMouseEnter={(date) => setHoveredDay(date)}\n                    firstDayOfWeek={firstDayOfWeek}\n                    __staticSelector={\n                      isFirstMonth ? __staticSelector : `${__staticSelector}-month-${monthIndex}`\n                    }\n                  />\n                </div>\n              );\n            })}\n        </Group>\n      </CalendarWrapper>\n    );\n  }\n);\n\nRangeCalendar.displayName = '@mantine/dates/RangeCalendar';\n"],"names":["forwardRef","useMantineTheme","useState","isSameDate","isSameMonth","dayjs","useUncontrolled","getDisabledState","React","CalendarWrapper","Group","CalendarHeader","Month"],"mappings":"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"}
+{"version":3,"file":"RangeCalendar.js","sources":["../../../src/components/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react';\nimport { useMantineTheme } from '@mantine/core';\nimport dayjs from 'dayjs';\nimport { isSameDate } from '../../utils';\nimport { DayModifiers } from '../Month';\nimport { CalendarBase, CalendarBaseProps } from '../CalendarBase/CalendarBase';\n\nexport interface RangeCalendarProps extends Omit<CalendarBaseProps, 'value' | 'onChange'> {\n  /** Selected dates */\n  value: [Date | null, Date | null];\n\n  /** Called when selected date changes */\n  onChange(value: [Date, Date]): void;\n\n  /** Allow one date to be selected as range */\n  allowSingleDateInRange?: boolean;\n}\n\nexport const RangeCalendar = forwardRef<HTMLDivElement, RangeCalendarProps>(\n  (\n    {\n      value,\n      onChange,\n      dayStyle,\n      onMouseLeave,\n      __staticSelector = 'RangeCalendar',\n      allowSingleDateInRange = false,\n      amountOfMonths = 1,\n      ...others\n    }: RangeCalendarProps,\n    ref\n  ) => {\n    const theme = useMantineTheme();\n    const [hoveredDay, setHoveredDay] = useState<Date>(null);\n    const [pickedDate, setPickedDate] = useState<Date>(null);\n\n    const setRangeDate = (date: Date) => {\n      if (pickedDate instanceof Date) {\n        if (isSameDate(date, pickedDate) && !allowSingleDateInRange) {\n          setPickedDate(null);\n          setHoveredDay(null);\n          return null;\n        }\n\n        const result: [Date, Date] = [date, pickedDate];\n        result.sort((a, b) => a.getTime() - b.getTime());\n        onChange(result);\n        setPickedDate(null);\n        return null;\n      }\n\n      onChange([null, null]);\n      setPickedDate(date);\n      return null;\n    };\n\n    const handleMouseLeave = (event: React.MouseEvent<HTMLDivElement>) => {\n      typeof onMouseLeave === 'function' && onMouseLeave(event);\n      setHoveredDay(null);\n    };\n\n    const shouldHighlightDate = (date: Date, modifiers: DayModifiers) => {\n      if (pickedDate instanceof Date && hoveredDay instanceof Date) {\n        const result: [Date, Date] = [hoveredDay, pickedDate];\n        result.sort((a, b) => a.getTime() - b.getTime());\n        return (\n          !modifiers.selected &&\n          dayjs(date).subtract(1, 'day').isBefore(result[1]) &&\n          dayjs(date).add(1, 'day').isAfter(result[0])\n        );\n      }\n\n      return false;\n    };\n\n    const dayStyles = (date: Date, modifiers: DayModifiers) => {\n      const initialStyles = typeof dayStyle === 'function' ? dayStyle(date, modifiers) : null;\n\n      if (shouldHighlightDate(date, modifiers)) {\n        return {\n          ...initialStyles,\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\n      return { ...initialStyles };\n    };\n\n    return (\n      <CalendarBase\n        dayStyle={dayStyles}\n        onMouseLeave={handleMouseLeave}\n        onDayMouseEnter={(date) => setHoveredDay(date)}\n        onChange={setRangeDate}\n        value={pickedDate}\n        range={value}\n        ref={ref}\n        __staticSelector={__staticSelector}\n        amountOfMonths={amountOfMonths}\n        hideOutsideDates={amountOfMonths > 1}\n        {...others}\n      />\n    );\n  }\n);\n\nRangeCalendar.displayName = '@mantine/dates/RangeCalendar';\n"],"names":["forwardRef","useMantineTheme","useState","isSameDate","dayjs","React","CalendarBase"],"mappings":"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"}

package/cjs/components/TimeInput/TimeField/TimeField.js

@@ -6,6 +6,7 @@ var React = require('react');
 var hooks = require('@mantine/hooks');
 var core = require('@mantine/core');
 var padTime = require('../pad-time/pad-time.js');
+var TimeField_styles = require('./TimeField.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -41,6 +42,7 @@ var __objRest = (source, exclude) => {
 };
 const TimeField = React.forwardRef((_a, ref) => {
   var _b = _a, {
+    className,
     onFocus,
     onBlur,
     onChange,
@@ -50,6 +52,7 @@ const TimeField = React.forwardRef((_a, ref) => {
     max,
     value
   } = _b, others = __objRest(_b, [
+    "className",
     "onFocus",
     "onBlur",
     "onChange",
@@ -59,6 +62,7 @@ const TimeField = React.forwardRef((_a, ref) => {
     "max",
     "value"
   ]);
+  const { classes, cx } = TimeField_styles['default']({ size });
   const inputRef = React.useRef();
   const handleFocus = (event) => {
     typeof onFocus === "function" && onFocus(event);
@@ -97,7 +101,8 @@ const TimeField = React.forwardRef((_a, ref) => {
     onFocus: handleFocus,
     onBlur: handleBlur,
     onKeyDown: handleKeyDown,
-    value
+    value,
+    className: cx(classes.timeInput, className)
   }, others)), withSeparator && /* @__PURE__ */ React__default.createElement(core.Text, {
     size,
     style: { lineHeight: 1, color: "inherit" }

package/cjs/components/TimeInput/TimeField/TimeField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeField.js","sources":["../../../../src/components/TimeInput/TimeField/TimeField.tsx"],"sourcesContent":["import React, { useRef, forwardRef } from 'react';\nimport { useMergedRef, clamp } from '@mantine/hooks';\nimport { Text, MantineSize } from '@mantine/core';\nimport { padTime } from '../pad-time/pad-time';\n\ninterface TimeFieldProps\n  extends Omit<React.ComponentPropsWithoutRef<'input'>, 'onChange' | 'size'> {\n  /** Called with onChange event */\n  onChange(value: string, triggerShift: boolean): void;\n\n  /** Called when input loses focus, used to format value */\n  setValue(value: string): void;\n\n  /** Adds colon after the field */\n  withSeparator?: boolean;\n\n  /** Colon text size */\n  size?: MantineSize;\n\n  /** Maximum possible value, min value is always 0 */\n  max?: number;\n}\n\nexport const TimeField = forwardRef<HTMLInputElement, TimeFieldProps>(\n  (\n    {\n      onFocus,\n      onBlur,\n      onChange,\n      setValue,\n      withSeparator = false,\n      size = 'sm',\n      max,\n      value,\n      ...others\n    }: TimeFieldProps,\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>();\n\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      typeof onFocus === 'function' && onFocus(event);\n      inputRef.current.select();\n    };\n\n    const handleBlur = (event: any) => {\n      typeof onBlur === 'function' && onBlur(event);\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => {\n      event.stopPropagation();\n      inputRef.current.select();\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.nativeEvent.code === 'ArrowUp') {\n        event.preventDefault();\n        const padded = padTime(\n          clamp({ value: parseInt(event.currentTarget.value, 10) + 1, max, min: 0 })\n        );\n\n        if (value !== padded) {\n          setValue(padded);\n          onChange(padded, false);\n        }\n      }\n\n      if (event.nativeEvent.code === 'ArrowDown') {\n        event.preventDefault();\n        const padded = padTime(\n          clamp({ value: parseInt(event.currentTarget.value, 10) - 1, max, min: 0 })\n        );\n\n        if (value !== padded) {\n          setValue(padded);\n          onChange(padded, false);\n        }\n      }\n    };\n\n    return (\n      <>\n        <input\n          type=\"text\"\n          ref={useMergedRef(inputRef, ref)}\n          onChange={(event) => onChange(event.currentTarget.value, true)}\n          onClick={handleClick}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          value={value}\n          {...others}\n        />\n\n        {withSeparator && (\n          <Text size={size} style={{ lineHeight: 1, color: 'inherit' }}>\n            :\n          </Text>\n        )}\n      </>\n    );\n  }\n);\n\nTimeField.displayName = '@mantine/dates/TimeField';\n"],"names":["forwardRef","useRef","padTime","clamp","React","useMergedRef","Text"],"mappings":"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"}
+{"version":3,"file":"TimeField.js","sources":["../../../../src/components/TimeInput/TimeField/TimeField.tsx"],"sourcesContent":["import React, { useRef, forwardRef } from 'react';\nimport { useMergedRef, clamp } from '@mantine/hooks';\nimport { Text, MantineSize } from '@mantine/core';\nimport { padTime } from '../pad-time/pad-time';\nimport useStyles from './TimeField.styles';\n\ninterface TimeFieldProps\n  extends Omit<React.ComponentPropsWithoutRef<'input'>, 'onChange' | 'size'> {\n  /** Called with onChange event */\n  onChange(value: string, triggerShift: boolean): void;\n\n  /** Called when input loses focus, used to format value */\n  setValue(value: string): void;\n\n  /** Adds colon after the field */\n  withSeparator?: boolean;\n\n  /** Colon text size */\n  size?: MantineSize;\n\n  /** Maximum possible value, min value is always 0 */\n  max?: number;\n}\n\nexport const TimeField = forwardRef<HTMLInputElement, TimeFieldProps>(\n  (\n    {\n      className,\n      onFocus,\n      onBlur,\n      onChange,\n      setValue,\n      withSeparator = false,\n      size = 'sm',\n      max,\n      value,\n      ...others\n    }: TimeFieldProps,\n    ref\n  ) => {\n    const { classes, cx } = useStyles({ size });\n    const inputRef = useRef<HTMLInputElement>();\n\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      typeof onFocus === 'function' && onFocus(event);\n      inputRef.current.select();\n    };\n\n    const handleBlur = (event: any) => {\n      typeof onBlur === 'function' && onBlur(event);\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => {\n      event.stopPropagation();\n      inputRef.current.select();\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.nativeEvent.code === 'ArrowUp') {\n        event.preventDefault();\n        const padded = padTime(\n          clamp({ value: parseInt(event.currentTarget.value, 10) + 1, max, min: 0 })\n        );\n\n        if (value !== padded) {\n          setValue(padded);\n          onChange(padded, false);\n        }\n      }\n\n      if (event.nativeEvent.code === 'ArrowDown') {\n        event.preventDefault();\n        const padded = padTime(\n          clamp({ value: parseInt(event.currentTarget.value, 10) - 1, max, min: 0 })\n        );\n\n        if (value !== padded) {\n          setValue(padded);\n          onChange(padded, false);\n        }\n      }\n    };\n\n    return (\n      <>\n        <input\n          type=\"text\"\n          ref={useMergedRef(inputRef, ref)}\n          onChange={(event) => onChange(event.currentTarget.value, true)}\n          onClick={handleClick}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          value={value}\n          className={cx(classes.timeInput, className)}\n          {...others}\n        />\n\n        {withSeparator && (\n          <Text size={size} style={{ lineHeight: 1, color: 'inherit' }}>\n            :\n          </Text>\n        )}\n      </>\n    );\n  }\n);\n\nTimeField.displayName = '@mantine/dates/TimeField';\n"],"names":["forwardRef","useStyles","useRef","padTime","clamp","React","useMergedRef","Text"],"mappings":"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"}

package/cjs/components/TimeInput/TimeField/TimeField.styles.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@mantine/core');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const inputSizes = {
+  xs: 20,
+  sm: 23,
+  md: 25,
+  lg: 27,
+  xl: 29
+};
+var useStyles = core.createStyles((theme, { size }) => ({
+  timeInput: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
+    width: theme.fn.size({ size, sizes: inputSizes }),
+    appearance: "none",
+    backgroundColor: "transparent",
+    color: "inherit",
+    padding: 0,
+    textAlign: "center",
+    border: "1px solid transparent",
+    fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
+    lineHeight: 1,
+    outline: 0,
+    "&[disabled]": {
+      color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[7],
+      cursor: "not-allowed"
+    }
+  })
+}));
+
+exports.default = useStyles;
+exports.inputSizes = inputSizes;
+//# sourceMappingURL=TimeField.styles.js.map

package/cjs/components/TimeInput/TimeField/TimeField.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeField.styles.js","sources":["../../../../src/components/TimeInput/TimeField/TimeField.styles.ts"],"sourcesContent":["import { createStyles, MantineSize } from '@mantine/core';\n\nexport const inputSizes = {\n  xs: 20,\n  sm: 23,\n  md: 25,\n  lg: 27,\n  xl: 29,\n};\n\ninterface TimeFieldStyles {\n  size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: TimeFieldStyles) => ({\n  timeInput: {\n    ...theme.fn.fontStyles(),\n    width: theme.fn.size({ size, sizes: inputSizes }),\n    appearance: 'none',\n    backgroundColor: 'transparent',\n    color: 'inherit',\n    padding: 0,\n    textAlign: 'center',\n    border: '1px solid transparent',\n    fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n    lineHeight: 1,\n    outline: 0,\n\n    '&[disabled]': {\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[7],\n      cursor: 'not-allowed',\n    },\n  },\n}));\n"],"names":["createStyles"],"mappings":"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"}

package/cjs/components/TimeInput/TimeInput.styles.js

@@ -4,14 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@mantine/core');
 
-const inputSizes = {
-  xs: 20,
-  sm: 23,
-  md: 25,
-  lg: 27,
-  xl: 29
-};
 var useStyles = core.createStyles((theme, { size }) => ({
+  timeInput: {},
   disabled: {
     opacity: 0.6,
     cursor: "not-allowed"
@@ -20,25 +14,8 @@ var useStyles = core.createStyles((theme, { size }) => ({
     display: "flex",
     alignItems: "center",
     height: theme.fn.size({ size, sizes: core.INPUT_SIZES }) - 2
-  },
-  timeInput: {
-    width: theme.fn.size({ size, sizes: inputSizes }),
-    appearance: "none",
-    backgroundColor: "transparent",
-    color: "inherit",
-    padding: 0,
-    textAlign: "center",
-    border: "1px solid transparent",
-    fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
-    lineHeight: 1,
-    outline: 0,
-    "&[disabled]": {
-      color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[7],
-      cursor: "not-allowed"
-    }
   }
 }));
 
 exports.default = useStyles;
-exports.inputSizes = inputSizes;
 //# sourceMappingURL=TimeInput.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimeInput.styles.js","sources":["../../../src/components/TimeInput/TimeInput.styles.ts"],"sourcesContent":["import { createStyles, INPUT_SIZES, MantineSize } from '@mantine/core';\n\ninterface TimeInputStyles {\n  size: MantineSize;\n}\n\nexport const inputSizes = {\n  xs: 20,\n  sm: 23,\n  md: 25,\n  lg: 27,\n  xl: 29,\n};\n\nexport default createStyles((theme, { size }: TimeInputStyles) => ({\n  disabled: {\n    opacity: 0.6,\n    cursor: 'not-allowed',\n  },\n\n  controls: {\n    display: 'flex',\n    alignItems: 'center',\n    // -2 for border offset\n    height: theme.fn.size({ size, sizes: INPUT_SIZES }) - 2,\n  },\n\n  timeInput: {\n    width: theme.fn.size({ size, sizes: inputSizes }),\n    appearance: 'none',\n    backgroundColor: 'transparent',\n    color: 'inherit',\n    padding: 0,\n    textAlign: 'center',\n    border: '1px solid transparent',\n    fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n    lineHeight: 1,\n    outline: 0,\n\n    '&[disabled]': {\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[7],\n      cursor: 'not-allowed',\n    },\n  },\n}));\n"],"names":["createStyles","INPUT_SIZES"],"mappings":";;;;;;AACY,MAAC,UAAU,GAAG;AAC1B,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE;AACF,gBAAeA,iBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;AAClD,EAAE,QAAQ,EAAE;AACZ,IAAI,OAAO,EAAE,GAAG;AAChB,IAAI,MAAM,EAAE,aAAa;AACzB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAEC,gBAAW,EAAE,CAAC,GAAG,CAAC;AAC3D,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;AACrD,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,eAAe,EAAE,aAAa;AAClC,IAAI,KAAK,EAAE,SAAS;AACpB,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,SAAS,EAAE,QAAQ;AACvB,IAAI,MAAM,EAAE,uBAAuB;AACnC,IAAI,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC7D,IAAI,UAAU,EAAE,CAAC;AACjB,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,aAAa,EAAE;AACnB,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACvF,MAAM,MAAM,EAAE,aAAa;AAC3B,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;;"}
+{"version":3,"file":"TimeInput.styles.js","sources":["../../../src/components/TimeInput/TimeInput.styles.ts"],"sourcesContent":["import { createStyles, INPUT_SIZES, MantineSize } from '@mantine/core';\n\ninterface TimeInputStyles {\n  size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: TimeInputStyles) => ({\n  timeInput: {},\n\n  disabled: {\n    opacity: 0.6,\n    cursor: 'not-allowed',\n  },\n\n  controls: {\n    display: 'flex',\n    alignItems: 'center',\n    // -2 for border offset\n    height: theme.fn.size({ size, sizes: INPUT_SIZES }) - 2,\n  },\n}));\n"],"names":["createStyles","INPUT_SIZES"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;AAClD,EAAE,SAAS,EAAE,EAAE;AACf,EAAE,QAAQ,EAAE;AACZ,IAAI,OAAO,EAAE,GAAG;AAChB,IAAI,MAAM,EAAE,aAAa;AACzB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAEC,gBAAW,EAAE,CAAC,GAAG,CAAC;AAC3D,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/components/TimeRangeInput/TimeRangeInput.styles.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@mantine/core');
-var TimeInput_styles = require('../TimeInput/TimeInput.styles.js');
 
 var useStyles = core.createStyles((theme, { size }) => ({
+  timeField: {},
   disabled: {
     opacity: 0.6,
     cursor: "not-allowed"
@@ -15,27 +15,10 @@ var useStyles = core.createStyles((theme, { size }) => ({
     alignItems: "center",
     height: theme.fn.size({ size, sizes: core.INPUT_SIZES }) - 2
   },
-  timeField: {
-    width: theme.fn.size({ size, sizes: TimeInput_styles.inputSizes }),
-    appearance: "none",
-    backgroundColor: "transparent",
-    color: "inherit",
-    padding: 0,
-    textAlign: "center",
-    border: "1px solid transparent",
-    fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
-    lineHeight: 1,
-    outline: 0,
-    "&[disabled]": {
-      color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[7],
-      cursor: "not-allowed"
-    }
-  },
   separator: {
     paddingLeft: theme.fn.size({ size, sizes: theme.spacing }) / 2,
     paddingRight: theme.fn.size({ size, sizes: theme.spacing }) / 2,
-    lineHeight: 1,
-    marginBottom: 3
+    lineHeight: 1
   }
 }));
 

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

@@ -1 +1 @@
-{"version":3,"file":"TimeRangeInput.styles.js","sources":["../../../src/components/TimeRangeInput/TimeRangeInput.styles.ts"],"sourcesContent":["import { createStyles, INPUT_SIZES, MantineSize } from '@mantine/core';\n\nimport { inputSizes } from '../TimeInput/TimeInput.styles';\n\ninterface TimeRangeInputStyles {\n  size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: TimeRangeInputStyles) => ({\n  disabled: {\n    opacity: 0.6,\n    cursor: 'not-allowed',\n  },\n\n  inputWrapper: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    // -2 for border offset\n    height: theme.fn.size({ size, sizes: INPUT_SIZES }) - 2,\n  },\n\n  timeField: {\n    width: theme.fn.size({ size, sizes: inputSizes }),\n    appearance: 'none',\n    backgroundColor: 'transparent',\n    color: 'inherit',\n    padding: 0,\n    textAlign: 'center',\n    border: '1px solid transparent',\n    fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n    lineHeight: 1,\n    outline: 0,\n\n    '&[disabled]': {\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[7],\n      cursor: 'not-allowed',\n    },\n  },\n\n  separator: {\n    paddingLeft: theme.fn.size({ size, sizes: theme.spacing }) / 2,\n    paddingRight: theme.fn.size({ size, sizes: theme.spacing }) / 2,\n    lineHeight: 1,\n    marginBottom: 3,\n  },\n}));\n"],"names":["createStyles","INPUT_SIZES","inputSizes"],"mappings":";;;;;;;AAEA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;AAClD,EAAE,QAAQ,EAAE;AACZ,IAAI,OAAO,EAAE,GAAG;AAChB,IAAI,MAAM,EAAE,aAAa;AACzB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,OAAO,EAAE,aAAa;AAC1B,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAEC,gBAAW,EAAE,CAAC,GAAG,CAAC;AAC3D,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAEC,2BAAU,EAAE,CAAC;AACrD,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,eAAe,EAAE,aAAa;AAClC,IAAI,KAAK,EAAE,SAAS;AACpB,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,SAAS,EAAE,QAAQ;AACvB,IAAI,MAAM,EAAE,uBAAuB;AACnC,IAAI,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC7D,IAAI,UAAU,EAAE,CAAC;AACjB,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,aAAa,EAAE;AACnB,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACvF,MAAM,MAAM,EAAE,aAAa;AAC3B,KAAK;AACL,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC;AAClE,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC;AACnE,IAAI,UAAU,EAAE,CAAC;AACjB,IAAI,YAAY,EAAE,CAAC;AACnB,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"TimeRangeInput.styles.js","sources":["../../../src/components/TimeRangeInput/TimeRangeInput.styles.ts"],"sourcesContent":["import { createStyles, INPUT_SIZES, MantineSize } from '@mantine/core';\n\ninterface TimeRangeInputStyles {\n  size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: TimeRangeInputStyles) => ({\n  timeField: {},\n\n  disabled: {\n    opacity: 0.6,\n    cursor: 'not-allowed',\n  },\n\n  inputWrapper: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    // -2 for border offset\n    height: theme.fn.size({ size, sizes: INPUT_SIZES }) - 2,\n  },\n\n  separator: {\n    paddingLeft: theme.fn.size({ size, sizes: theme.spacing }) / 2,\n    paddingRight: theme.fn.size({ size, sizes: theme.spacing }) / 2,\n    lineHeight: 1,\n  },\n}));\n"],"names":["createStyles","INPUT_SIZES"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;AAClD,EAAE,SAAS,EAAE,EAAE;AACf,EAAE,QAAQ,EAAE;AACZ,IAAI,OAAO,EAAE,GAAG;AAChB,IAAI,MAAM,EAAE,aAAa;AACzB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,OAAO,EAAE,aAAa;AAC1B,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAEC,gBAAW,EAAE,CAAC,GAAG,CAAC;AAC3D,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC;AAClE,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC;AACnE,IAAI,UAAU,EAAE,CAAC;AACjB,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/utils/get-months-names/get-months-names.js

@@ -8,11 +8,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 
-function getMonthsNames(locale) {
+function getMonthsNames(locale, format = "MMM") {
   const names = [];
   const date = new Date(2021, 0, 1);
   for (let i = 0; i < 12; i += 1) {
-    names.push(dayjs__default(date).locale(locale).format("MMMM"));
+    names.push(dayjs__default(date).locale(locale).format(format));
     date.setMonth(date.getMonth() + 1);
   }
   return names;

package/cjs/utils/get-months-names/get-months-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-months-names.js","sources":["../../../src/utils/get-months-names/get-months-names.ts"],"sourcesContent":["import dayjs from 'dayjs';\n\nexport function getMonthsNames(locale: string) {\n  const names: string[] = [];\n  const date = new Date(2021, 0, 1);\n\n  for (let i = 0; i < 12; i += 1) {\n    names.push(dayjs(date).locale(locale).format('MMMM'));\n    date.setMonth(date.getMonth() + 1);\n  }\n\n  return names;\n}\n"],"names":["dayjs"],"mappings":";;;;;;;;;;AACO,SAAS,cAAc,CAAC,MAAM,EAAE;AACvC,EAAE,MAAM,KAAK,GAAG,EAAE,CAAC;AACnB,EAAE,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACpC,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE;AAClC,IAAI,KAAK,CAAC,IAAI,CAACA,cAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AAC1D,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC;AACvC,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}
+{"version":3,"file":"get-months-names.js","sources":["../../../src/utils/get-months-names/get-months-names.ts"],"sourcesContent":["import dayjs from 'dayjs';\n\nexport function getMonthsNames(locale: string, format: string = 'MMM') {\n  const names: string[] = [];\n  const date = new Date(2021, 0, 1);\n\n  for (let i = 0; i < 12; i += 1) {\n    names.push(dayjs(date).locale(locale).format(format));\n    date.setMonth(date.getMonth() + 1);\n  }\n\n  return names;\n}\n"],"names":["dayjs"],"mappings":";;;;;;;;;;AACO,SAAS,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,KAAK,EAAE;AACvD,EAAE,MAAM,KAAK,GAAG,EAAE,CAAC;AACnB,EAAE,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACpC,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE;AAClC,IAAI,KAAK,CAAC,IAAI,CAACA,cAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AAC1D,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC;AACvC,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}