@mantine/dates - npm Package Compare versions

Comparing version 2.6.0-alpha.4 to 2.6.0-alpha.5

cjs/components/Calendar/Calendar.js

@@ -46,3 +46,3 @@ 'use strict';
 };
-function Calendar(_a) {
+const Calendar = React.forwardRef((_a, ref) => {
   var _b = _a, {
@@ -109,3 +109,4 @@ classNames,
     size,
-    fullWidth
+    fullWidth,
+    ref
   }, others), /* @__PURE__ */ React__default.createElement(CalendarHeader.CalendarHeader, {
@@ -147,3 +148,3 @@ size,
   }));
-}
+});
 Calendar.displayName = "@mantine/dates/Calendar";
@@ -150,0 +151,0 @@

cjs/components/Calendar/CalendarWrapper/CalendarWrapper.js

@@ -41,6 +41,7 @@ 'use strict';
 };
-function CalendarWrapper(_a) {
+const CalendarWrapper = React.forwardRef((_a, ref) => {
   var _b = _a, { size, fullWidth, style } = _b, others = __objRest(_b, ["size", "fullWidth", "style"]);
   const { mergedStyles, rest } = core.useExtractedMargins({ others, style });
   return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
+    ref,
     style: __spreadValues({
@@ -50,3 +51,3 @@ maxWidth: fullWidth ? "100%" : core.getSizeValue({ size, sizes: Day_styles.sizes }) * 7
   }, rest));
-}
+});
 CalendarWrapper.displayName = "@mantine/dates/CalendarWrapper";
@@ -53,0 +54,0 @@

cjs/components/DatePicker/DatePicker.js

@@ -44,3 +44,3 @@ 'use strict';
 };
-function DatePicker(_a) {
+const DatePicker = React.forwardRef((_a, ref) => {
   var _b = _a, {
@@ -69,3 +69,2 @@ value,
     excludeDate,
-    elementRef,
     initialMonth,
@@ -102,3 +101,2 @@ initiallyOpened = false,
     "excludeDate",
-    "elementRef",
     "initialMonth",
@@ -144,3 +142,3 @@ "initiallyOpened",
     transitionDuration,
-    elementRef: hooks.useMergedRef(elementRef, inputRef),
+    ref: hooks.useMergedRef(ref, inputRef),
     size,
@@ -182,3 +180,3 @@ styles,
   }));
-}
+});
 DatePicker.displayName = "@mantine/dates/DatePicker";
@@ -185,0 +183,0 @@

cjs/components/DatePickerBase/DatePickerBase.js

@@ -52,3 +52,3 @@ 'use strict';
 };
-function DatePickerBase(_a) {
+const DatePickerBase = React.forwardRef((_a, ref) => {
   var _b = _a, {
@@ -70,3 +70,2 @@ classNames,
     transitionTimingFunction,
-    elementRef,
     closeDropdownOnScroll = true,
@@ -101,3 +100,2 @@ size = "sm",
     "transitionTimingFunction",
-    "elementRef",
     "closeDropdownOnScroll",
@@ -132,3 +130,3 @@ "size",
         return (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
-      }, transitionDuration + 20);
+      }, transitionDuration + 50);
     }
@@ -173,3 +171,3 @@ };
     id: uuid,
-    elementRef: hooks.useMergedRef(elementRef, inputRef),
+    ref: hooks.useMergedRef(ref, inputRef),
     __staticSelector,
@@ -213,3 +211,3 @@ size,
   }, children)));
-}
+});
 DatePickerBase.displayName = "@mantine/dates/DatePickerBase";
@@ -216,0 +214,0 @@

cjs/components/DateRangePicker/DateRangePicker.js

@@ -45,3 +45,3 @@ 'use strict';
 const validationRule = (val) => Array.isArray(val) && val.length === 2 && val.every((v) => v instanceof Date);
-function DateRangePicker(_a) {
+const DateRangePicker = React.forwardRef((_a, ref) => {
   var _b = _a, {
@@ -70,3 +70,2 @@ value,
     excludeDate,
-    elementRef,
     initialMonth,
@@ -103,3 +102,2 @@ initiallyOpened = false,
     "excludeDate",
-    "elementRef",
     "initialMonth",
@@ -146,3 +144,3 @@ "initiallyOpened",
     transitionDuration,
-    elementRef: hooks.useMergedRef(elementRef, inputRef),
+    ref: hooks.useMergedRef(ref, inputRef),
     size,
@@ -187,3 +185,3 @@ styles,
   }));
-}
+});
 DateRangePicker.displayName = "@mantine/dates/DateRangePicker";
@@ -190,0 +188,0 @@

cjs/components/Month/Day/Day.js

@@ -44,3 +44,3 @@ 'use strict';
 };
-function Day(_a) {
+const Day = React.forwardRef((_a, ref) => {
   var _b = _a, {
@@ -54,3 +54,2 @@ className,
     onClick,
-    elementRef,
     onKeyDown,
@@ -77,3 +76,2 @@ onMouseEnter,
     "onClick",
-    "elementRef",
     "onKeyDown",
@@ -98,3 +96,3 @@ "onMouseEnter",
     onClick,
-    ref: elementRef,
+    ref,
     onKeyDown: (event) => onKeyDown(value, event),
@@ -116,3 +114,3 @@ onMouseEnter: (event) => onMouseEnter(value, event),
   }), value.getDate());
-}
+});
 Day.displayName = "@mantine/core/Day";
@@ -119,0 +117,0 @@

cjs/components/Month/Month.js

@@ -167,3 +167,3 @@ 'use strict';
       }, /* @__PURE__ */ React__default.createElement(Day.Day, {
-        elementRef: (button) => {
+        ref: (button) => {
           daysRefs.current[date.toISOString()] = button;
@@ -170,0 +170,0 @@ },

cjs/components/RangeCalendar/RangeCalendar.js

@@ -51,3 +51,3 @@ 'use strict';
 };
-function RangeCalendar(_a) {
+const RangeCalendar = React.forwardRef((_a, ref) => {
   var _b = _a, {
@@ -145,3 +145,4 @@ classNames,
     fullWidth,
-    onMouseLeave: handleMouseLeave
+    onMouseLeave: handleMouseLeave,
+    ref
   }, others), /* @__PURE__ */ React__default.createElement(CalendarHeader.CalendarHeader, {
@@ -191,3 +192,3 @@ size,
   }));
-}
+});
 RangeCalendar.displayName = "@mantine/dates/RangeCalendar";
@@ -194,0 +195,0 @@

cjs/components/TimeInput/TimeField/TimeField.js

@@ -42,5 +42,4 @@ 'use strict';
 };
-function TimeField(_a) {
+const TimeField = React.forwardRef((_a, ref) => {
   var _b = _a, {
-    elementRef,
     onFocus,
@@ -55,3 +54,2 @@ onBlur,
   } = _b, others = __objRest(_b, [
-    "elementRef",
     "onFocus",
@@ -98,3 +96,3 @@ "onBlur",
     type: "text",
-    ref: hooks.useMergedRef(inputRef, elementRef),
+    ref: hooks.useMergedRef(inputRef, ref),
     onChange: (event) => onChange(event.currentTarget.value, true),
@@ -110,3 +108,3 @@ onClick: handleClick,
   }, ":"));
-}
+});
 TimeField.displayName = "@mantine/dates/TimeField";
@@ -113,0 +111,0 @@

cjs/components/TimeInput/TimeInput.js

@@ -50,3 +50,3 @@ 'use strict';
 };
-function TimeInput(_a) {
+const TimeInput = React.forwardRef((_a, ref) => {
   var _b = _a, {
@@ -64,3 +64,2 @@ required,
     id,
-    elementRef,
     value,
@@ -87,3 +86,2 @@ defaultValue,
     "id",
-    "elementRef",
     "value",
@@ -170,3 +168,3 @@ "defaultValue",
   }, /* @__PURE__ */ React__default.createElement(TimeField.TimeField, {
-    elementRef: hooks.useMergedRef(hoursRef, elementRef),
+    ref: hooks.useMergedRef(hoursRef, ref),
     value: time.hours,
@@ -184,3 +182,3 @@ onChange: handleHoursChange,
   }), /* @__PURE__ */ React__default.createElement(TimeField.TimeField, {
-    elementRef: minutesRef,
+    ref: minutesRef,
     value: time.minutes,
@@ -197,3 +195,3 @@ onChange: handleMinutesChange,
   }), withSeconds && /* @__PURE__ */ React__default.createElement(TimeField.TimeField, {
-    elementRef: secondsRef,
+    ref: secondsRef,
     value: time.seconds,
@@ -213,3 +211,3 @@ onChange: handleSecondsChange,
   }))));
-}
+});
 TimeInput.displayName = "@mantine/dates/TimeInput";
@@ -216,0 +214,0 @@

cjs/components/TimeRangeInput/TimeRangeInput.js

@@ -50,3 +50,3 @@ 'use strict';
 };
-function TimeRangeInput(_a) {
+const TimeRangeInput = React.forwardRef((_a, ref) => {
   var _b = _a, {
@@ -64,3 +64,2 @@ required,
     id,
-    elementRef,
     value,
@@ -88,3 +87,2 @@ defaultValue,
     "id",
-    "elementRef",
     "value",
@@ -195,5 +193,5 @@ "defaultValue",
   }, /* @__PURE__ */ React__default.createElement(TimeField.TimeField, {
-    elementRef: hooks.useMergedRef((node) => {
+    ref: hooks.useMergedRef((node) => {
       hoursRef.current[0] = node;
-    }, elementRef),
+    }, ref),
     value: fromTime.hours,
@@ -212,3 +210,3 @@ onChange: handleHoursChange,
   }), /* @__PURE__ */ React__default.createElement(TimeField.TimeField, {
-    elementRef: (node) => {
+    ref: (node) => {
       minutesRef.current[0] = node;
@@ -228,3 +226,3 @@ },
   }), withSeconds && /* @__PURE__ */ React__default.createElement(TimeField.TimeField, {
-    elementRef: (node) => {
+    ref: (node) => {
       secondsRef.current[0] = node;
@@ -249,3 +247,3 @@ },
   }, /* @__PURE__ */ React__default.createElement(TimeField.TimeField, {
-    elementRef: (node) => {
+    ref: (node) => {
       hoursRef.current[1] = node;
@@ -265,3 +263,3 @@ },
   }), /* @__PURE__ */ React__default.createElement(TimeField.TimeField, {
-    elementRef: (node) => {
+    ref: (node) => {
       minutesRef.current[1] = node;
@@ -281,3 +279,3 @@ },
   }), withSeconds && /* @__PURE__ */ React__default.createElement(TimeField.TimeField, {
-    elementRef: (node) => {
+    ref: (node) => {
       secondsRef.current[1] = node;
@@ -304,3 +302,3 @@ },
   }))));
-}
+});
 TimeRangeInput.displayName = "@mantine/dates/TimeRangeInput";
@@ -307,0 +305,0 @@

esm/components/Calendar/Calendar.js

@@ -1,2 +0,2 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import dayjs from 'dayjs';
@@ -37,3 +37,3 @@ import { useUncontrolled } from '@mantine/hooks';
 };
-function Calendar(_a) {
+const Calendar = forwardRef((_a, ref) => {
   var _b = _a, {
@@ -100,3 +100,4 @@ classNames,
     size,
-    fullWidth
+    fullWidth,
+    ref
   }, others), /* @__PURE__ */ React.createElement(CalendarHeader, {
@@ -138,3 +139,3 @@ size,
   }));
-}
+});
 Calendar.displayName = "@mantine/dates/Calendar";
@@ -141,0 +142,0 @@

esm/components/Calendar/CalendarWrapper/CalendarWrapper.js

@@ -1,2 +0,2 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { useExtractedMargins, getSizeValue } from '@mantine/core';
@@ -33,6 +33,7 @@ import { sizes } from '../../Month/Day/Day.styles.js';
 };
-function CalendarWrapper(_a) {
+const CalendarWrapper = forwardRef((_a, ref) => {
   var _b = _a, { size, fullWidth, style } = _b, others = __objRest(_b, ["size", "fullWidth", "style"]);
   const { mergedStyles, rest } = useExtractedMargins({ others, style });
   return /* @__PURE__ */ React.createElement("div", __spreadValues({
+    ref,
     style: __spreadValues({
@@ -42,3 +43,3 @@ maxWidth: fullWidth ? "100%" : getSizeValue({ size, sizes: sizes }) * 7
   }, rest));
-}
+});
 CalendarWrapper.displayName = "@mantine/dates/CalendarWrapper";
@@ -45,0 +46,0 @@

esm/components/DatePicker/DatePicker.js

@@ -1,2 +0,2 @@
-import React, { useState, useRef } from 'react';
+import React, { forwardRef, useState, useRef } from 'react';
 import { useUncontrolled, useMergedRef, upperFirst } from '@mantine/hooks';
@@ -35,3 +35,3 @@ import dayjs from 'dayjs';
 };
-function DatePicker(_a) {
+const DatePicker = forwardRef((_a, ref) => {
   var _b = _a, {
@@ -60,3 +60,2 @@ value,
     excludeDate,
-    elementRef,
     initialMonth,
@@ -93,3 +92,2 @@ initiallyOpened = false,
     "excludeDate",
-    "elementRef",
     "initialMonth",
@@ -135,3 +133,3 @@ "initiallyOpened",
     transitionDuration,
-    elementRef: useMergedRef(elementRef, inputRef),
+    ref: useMergedRef(ref, inputRef),
     size,
@@ -173,3 +171,3 @@ styles,
   }));
-}
+});
 DatePicker.displayName = "@mantine/dates/DatePicker";
@@ -176,0 +174,0 @@

esm/components/DatePickerBase/DatePickerBase.js

@@ -1,2 +0,2 @@
-import React, { useState, useRef } from 'react';
+import React, { forwardRef, useState, useRef } from 'react';
 import { mergeStyles, useExtractedMargins, useUuid, InputWrapper, Input, getSizeValue, Text, Popper, Paper, Modal, CloseButton } from '@mantine/core';
@@ -44,3 +44,3 @@ import { useFocusTrap, useClickOutside, useWindowEvent, useMergedRef } from '@mantine/hooks';
 };
-function DatePickerBase(_a) {
+const DatePickerBase = forwardRef((_a, ref) => {
   var _b = _a, {
@@ -62,3 +62,2 @@ classNames,
     transitionTimingFunction,
-    elementRef,
     closeDropdownOnScroll = true,
@@ -93,3 +92,2 @@ size = "sm",
     "transitionTimingFunction",
-    "elementRef",
     "closeDropdownOnScroll",
@@ -124,3 +122,3 @@ "size",
         return (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
-      }, transitionDuration + 20);
+      }, transitionDuration + 50);
     }
@@ -165,3 +163,3 @@ };
     id: uuid,
-    elementRef: useMergedRef(elementRef, inputRef),
+    ref: useMergedRef(ref, inputRef),
     __staticSelector,
@@ -205,3 +203,3 @@ size,
   }, children)));
-}
+});
 DatePickerBase.displayName = "@mantine/dates/DatePickerBase";
@@ -208,0 +206,0 @@

esm/components/DateRangePicker/DateRangePicker.js

@@ -1,2 +0,2 @@
-import React, { useState, useRef } from 'react';
+import React, { forwardRef, useState, useRef } from 'react';
 import { useUncontrolled, useMergedRef, upperFirst } from '@mantine/hooks';
@@ -36,3 +36,3 @@ import dayjs from 'dayjs';
 const validationRule = (val) => Array.isArray(val) && val.length === 2 && val.every((v) => v instanceof Date);
-function DateRangePicker(_a) {
+const DateRangePicker = forwardRef((_a, ref) => {
   var _b = _a, {
@@ -61,3 +61,2 @@ value,
     excludeDate,
-    elementRef,
     initialMonth,
@@ -94,3 +93,2 @@ initiallyOpened = false,
     "excludeDate",
-    "elementRef",
     "initialMonth",
@@ -137,3 +135,3 @@ "initiallyOpened",
     transitionDuration,
-    elementRef: useMergedRef(elementRef, inputRef),
+    ref: useMergedRef(ref, inputRef),
     size,
@@ -178,3 +176,3 @@ styles,
   }));
-}
+});
 DateRangePicker.displayName = "@mantine/dates/DateRangePicker";
@@ -181,0 +179,0 @@

esm/components/Month/Day/Day.js

@@ -1,2 +0,2 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { mergeStyles } from '@mantine/core';
@@ -36,3 +36,3 @@ import useStyles from './Day.styles.js';
 };
-function Day(_a) {
+const Day = forwardRef((_a, ref) => {
   var _b = _a, {
@@ -46,3 +46,2 @@ className,
     onClick,
-    elementRef,
     onKeyDown,
@@ -69,3 +68,2 @@ onMouseEnter,
     "onClick",
-    "elementRef",
     "onKeyDown",
@@ -90,3 +88,3 @@ "onMouseEnter",
     onClick,
-    ref: elementRef,
+    ref,
     onKeyDown: (event) => onKeyDown(value, event),
@@ -108,3 +106,3 @@ onMouseEnter: (event) => onMouseEnter(value, event),
   }), value.getDate());
-}
+});
 Day.displayName = "@mantine/core/Day";
@@ -111,0 +109,0 @@

esm/components/Month/Month.js

@@ -158,3 +158,3 @@ import React, { useRef, useEffect } from 'react';
       }, /* @__PURE__ */ React.createElement(Day, {
-        elementRef: (button) => {
+        ref: (button) => {
           daysRefs.current[date.toISOString()] = button;
@@ -161,0 +161,0 @@ },

esm/components/RangeCalendar/RangeCalendar.js

@@ -1,2 +0,2 @@
-import React, { useState } from 'react';
+import React, { forwardRef, useState } from 'react';
 import { useMantineTheme, hexToRgba } from '@mantine/core';
@@ -42,3 +42,3 @@ import { useUncontrolled } from '@mantine/hooks';
 };
-function RangeCalendar(_a) {
+const RangeCalendar = forwardRef((_a, ref) => {
   var _b = _a, {
@@ -136,3 +136,4 @@ classNames,
     fullWidth,
-    onMouseLeave: handleMouseLeave
+    onMouseLeave: handleMouseLeave,
+    ref
   }, others), /* @__PURE__ */ React.createElement(CalendarHeader, {
@@ -182,3 +183,3 @@ size,
   }));
-}
+});
 RangeCalendar.displayName = "@mantine/dates/RangeCalendar";
@@ -185,0 +186,0 @@

esm/components/TimeInput/TimeField/TimeField.js

@@ -1,2 +0,2 @@
-import React, { useRef } from 'react';
+import React, { forwardRef, useRef } from 'react';
 import { useMergedRef, clamp } from '@mantine/hooks';
@@ -34,5 +34,4 @@ import { Text } from '@mantine/core';
 };
-function TimeField(_a) {
+const TimeField = forwardRef((_a, ref) => {
   var _b = _a, {
-    elementRef,
     onFocus,
@@ -47,3 +46,2 @@ onBlur,
   } = _b, others = __objRest(_b, [
-    "elementRef",
     "onFocus",
@@ -90,3 +88,3 @@ "onBlur",
     type: "text",
-    ref: useMergedRef(inputRef, elementRef),
+    ref: useMergedRef(inputRef, ref),
     onChange: (event) => onChange(event.currentTarget.value, true),
@@ -102,3 +100,3 @@ onClick: handleClick,
   }, ":"));
-}
+});
 TimeField.displayName = "@mantine/dates/TimeField";
@@ -105,0 +103,0 @@

esm/components/TimeInput/TimeInput.js

@@ -1,2 +0,2 @@
-import React, { useRef, useState } from 'react';
+import React, { forwardRef, useRef, useState } from 'react';
 import { mergeStyles, useExtractedMargins, useUuid, InputWrapper, Input } from '@mantine/core';
@@ -41,3 +41,3 @@ import { useUncontrolled, useMergedRef } from '@mantine/hooks';
 };
-function TimeInput(_a) {
+const TimeInput = forwardRef((_a, ref) => {
   var _b = _a, {
@@ -55,3 +55,2 @@ required,
     id,
-    elementRef,
     value,
@@ -78,3 +77,2 @@ defaultValue,
     "id",
-    "elementRef",
     "value",
@@ -161,3 +159,3 @@ "defaultValue",
   }, /* @__PURE__ */ React.createElement(TimeField, {
-    elementRef: useMergedRef(hoursRef, elementRef),
+    ref: useMergedRef(hoursRef, ref),
     value: time.hours,
@@ -175,3 +173,3 @@ onChange: handleHoursChange,
   }), /* @__PURE__ */ React.createElement(TimeField, {
-    elementRef: minutesRef,
+    ref: minutesRef,
     value: time.minutes,
@@ -188,3 +186,3 @@ onChange: handleMinutesChange,
   }), withSeconds && /* @__PURE__ */ React.createElement(TimeField, {
-    elementRef: secondsRef,
+    ref: secondsRef,
     value: time.seconds,
@@ -204,3 +202,3 @@ onChange: handleSecondsChange,
   }))));
-}
+});
 TimeInput.displayName = "@mantine/dates/TimeInput";
@@ -207,0 +205,0 @@

esm/components/TimeRangeInput/TimeRangeInput.js

@@ -1,2 +0,2 @@
-import React, { useRef, useState } from 'react';
+import React, { forwardRef, useRef, useState } from 'react';
 import { mergeStyles, useExtractedMargins, useUuid, InputWrapper, Input } from '@mantine/core';
@@ -41,3 +41,3 @@ import { useUncontrolled, useMergedRef } from '@mantine/hooks';
 };
-function TimeRangeInput(_a) {
+const TimeRangeInput = forwardRef((_a, ref) => {
   var _b = _a, {
@@ -55,3 +55,2 @@ required,
     id,
-    elementRef,
     value,
@@ -79,3 +78,2 @@ defaultValue,
     "id",
-    "elementRef",
     "value",
@@ -186,5 +184,5 @@ "defaultValue",
   }, /* @__PURE__ */ React.createElement(TimeField, {
-    elementRef: useMergedRef((node) => {
+    ref: useMergedRef((node) => {
       hoursRef.current[0] = node;
-    }, elementRef),
+    }, ref),
     value: fromTime.hours,
@@ -203,3 +201,3 @@ onChange: handleHoursChange,
   }), /* @__PURE__ */ React.createElement(TimeField, {
-    elementRef: (node) => {
+    ref: (node) => {
       minutesRef.current[0] = node;
@@ -219,3 +217,3 @@ },
   }), withSeconds && /* @__PURE__ */ React.createElement(TimeField, {
-    elementRef: (node) => {
+    ref: (node) => {
       secondsRef.current[0] = node;
@@ -240,3 +238,3 @@ },
   }, /* @__PURE__ */ React.createElement(TimeField, {
-    elementRef: (node) => {
+    ref: (node) => {
       hoursRef.current[1] = node;
@@ -256,3 +254,3 @@ },
   }), /* @__PURE__ */ React.createElement(TimeField, {
-    elementRef: (node) => {
+    ref: (node) => {
       minutesRef.current[1] = node;
@@ -272,3 +270,3 @@ },
   }), withSeconds && /* @__PURE__ */ React.createElement(TimeField, {
-    elementRef: (node) => {
+    ref: (node) => {
       secondsRef.current[1] = node;
@@ -295,3 +293,3 @@ },
   }))));
-}
+});
 TimeRangeInput.displayName = "@mantine/dates/TimeRangeInput";
@@ -298,0 +296,0 @@

lib/components/Calendar/Calendar.d.ts

@@ -41,6 +41,3 @@ import React from 'react';
 }
-export declare function Calendar({ classNames, styles, locale, nextMonthLabel, previousMonthLabel, initialMonth, month, onMonthChange, value, onChange, labelFormat, withSelect, yearsRange, dayClassName, dayStyle, disableOutsideEvents, minDate, maxDate, excludeDate, fullWidth, size, __staticSelector, monthLabel, yearLabel, ...others }: CalendarProps): JSX.Element;
-export declare namespace Calendar {
-    var displayName: string;
-}
+export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Calendar.d.ts.map

lib/components/Calendar/CalendarWrapper/CalendarWrapper.d.ts

@@ -7,7 +7,4 @@ import React from 'react';
 }
-export declare function CalendarWrapper({ size, fullWidth, style, ...others }: CalendarWrapperProps): JSX.Element;
-export declare namespace CalendarWrapper {
-    var displayName: string;
-}
+export declare const CalendarWrapper: React.ForwardRefExoticComponent<CalendarWrapperProps & React.RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=CalendarWrapper.d.ts.map

lib/components/DatePicker/DatePicker.d.ts

@@ -1,2 +0,2 @@
-/// <reference types="react" />
+import React from 'react';
 import { CalendarSettings } from '../Calendar/Calendar';
@@ -20,6 +20,3 @@ import { DatePickerBaseSharedProps } from '../DatePickerBase/DatePickerBase';
 }
-export declare function DatePicker({ value, onChange, defaultValue, classNames, styles, shadow, locale, inputFormat, transitionDuration, transitionTimingFunction, nextMonthLabel, previousMonthLabel, closeCalendarOnChange, labelFormat, withSelect, yearsRange, dayClassName, dayStyle, disableOutsideEvents, minDate, maxDate, excludeDate, elementRef, initialMonth, initiallyOpened, name, size, dropdownType, clearable, disabled, clearButtonLabel, ...others }: DatePickerProps): JSX.Element;
-export declare namespace DatePicker {
-    var displayName: string;
-}
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=DatePicker.d.ts.map

lib/components/DatePickerBase/DatePickerBase.d.ts

@@ -19,4 +19,2 @@ import React from 'react';
     shadow?: MantineShadow;
-    /** Get input button ref */
-    elementRef?: React.ForwardedRef<HTMLButtonElement>;
     /** Input name, useful fon uncontrolled variant to capture data with native form */
@@ -51,6 +49,3 @@ name?: string;
 }
-export declare function DatePickerBase({ classNames, className, style, styles, wrapperProps, required, label, error, id, description, placeholder, shadow, transition, transitionDuration, transitionTimingFunction, elementRef, closeDropdownOnScroll, size, children, inputLabel, __staticSelector, dropdownOpened, setDropdownOpened, dropdownType, clearable, clearButtonLabel, onClear, positionDependencies, zIndex, ...others }: DatePickerBaseProps): JSX.Element;
-export declare namespace DatePickerBase {
-    var displayName: string;
-}
+export declare const DatePickerBase: React.ForwardRefExoticComponent<DatePickerBaseProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=DatePickerBase.d.ts.map

lib/components/DateRangePicker/DateRangePicker.d.ts

@@ -1,2 +0,2 @@
-/// <reference types="react" />
+import React from 'react';
 import { CalendarSettings } from '../Calendar/Calendar';
@@ -22,6 +22,3 @@ import { DatePickerBaseSharedProps } from '../DatePickerBase/DatePickerBase';
 }
-export declare function DateRangePicker({ value, onChange, defaultValue, classNames, styles, shadow, locale, inputFormat, transitionDuration, transitionTimingFunction, nextMonthLabel, previousMonthLabel, closeCalendarOnChange, labelFormat, withSelect, yearsRange, dayClassName, dayStyle, disableOutsideEvents, minDate, maxDate, excludeDate, elementRef, initialMonth, initiallyOpened, name, size, dropdownType, labelSeparator, clearable, clearButtonLabel, ...others }: DateRangePickerProps): JSX.Element;
-export declare namespace DateRangePicker {
-    var displayName: string;
-}
+export declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=DateRangePicker.d.ts.map

lib/components/Month/Day/Day.d.ts

@@ -11,3 +11,2 @@ import React from 'react';
     onClick?(): void;
-    elementRef(ref: HTMLButtonElement): void;
     onKeyDown(date: Date, event: React.KeyboardEvent): void;
@@ -25,6 +24,3 @@ onMouseEnter(date: Date, event: React.MouseEvent): void;
 }
-export declare function Day({ className, style, value, selected, weekend, outside, onClick, elementRef, onKeyDown, onMouseEnter, classNames, disabled, styles, hasValue, firstInRange, lastInRange, __staticSelector, inRange, size, fullWidth, firstInMonth, ...others }: DayProps): JSX.Element;
-export declare namespace Day {
-    var displayName: string;
-}
+export declare const Day: React.ForwardRefExoticComponent<DayProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Day.d.ts.map

lib/components/RangeCalendar/RangeCalendar.d.ts

@@ -16,6 +16,3 @@ import React from 'react';
 }
-export declare function RangeCalendar({ classNames, styles, locale, nextMonthLabel, previousMonthLabel, initialMonth, month, onMonthChange, value, onChange, labelFormat, withSelect, yearsRange, dayClassName, dayStyle, disableOutsideEvents, minDate, maxDate, excludeDate, fullWidth, size, onMouseLeave, __staticSelector, ...others }: RangeCalendarProps): JSX.Element;
-export declare namespace RangeCalendar {
-    var displayName: string;
-}
+export declare const RangeCalendar: React.ForwardRefExoticComponent<RangeCalendarProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=RangeCalendar.d.ts.map

lib/components/TimeInput/TimeField/TimeField.d.ts

 import React from 'react';
 import { MantineSize } from '@mantine/core';
 interface TimeFieldProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'onChange' | 'size'> {
-    /** Get element ref */
-    elementRef?: React.ForwardedRef<HTMLInputElement>;
     /** Called with onChange event */
@@ -17,7 +15,4 @@ onChange(value: string, triggerShift: boolean): void;
 }
-export declare function TimeField({ elementRef, onFocus, onBlur, onChange, setValue, withSeparator, size, max, value, ...others }: TimeFieldProps): JSX.Element;
-export declare namespace TimeField {
-    var displayName: string;
-}
+export declare const TimeField: React.ForwardRefExoticComponent<TimeFieldProps & React.RefAttributes<HTMLInputElement>>;
 export {};
 //# sourceMappingURL=TimeField.d.ts.map

lib/components/TimeInput/TimeInput.d.ts

@@ -8,4 +8,2 @@ import React from 'react';
     size?: MantineSize;
-    /** Get element ref of hours input */
-    elementRef?: React.ForwardedRef<HTMLInputElement>;
     /** Controlled input value */
@@ -30,6 +28,3 @@ value?: Date;
 }
-export declare function TimeInput({ required, label, error, description, className, style, size, wrapperProps, classNames, styles, id, elementRef, value, defaultValue, onChange, withSeconds, name, hoursLabel, minutesLabel, secondsLabel, disabled, ...others }: TimeInputProps): JSX.Element;
-export declare namespace TimeInput {
-    var displayName: string;
-}
+export declare const TimeInput: React.ForwardRefExoticComponent<TimeInputProps & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=TimeInput.d.ts.map

lib/components/TimeRangeInput/TimeRangeInput.d.ts

@@ -8,4 +8,2 @@ import React from 'react';
     size?: MantineSize;
-    /** Get element ref of hours input */
-    elementRef?: React.ForwardedRef<HTMLInputElement>;
     /** Controlled input value */
@@ -32,6 +30,3 @@ value?: [Date | null, Date | null];
 }
-export declare function TimeRangeInput({ required, label, error, description, className, style, size, wrapperProps, classNames, styles, id, elementRef, value, defaultValue, onChange, withSeconds, name, hoursLabel, minutesLabel, secondsLabel, labelSeparator, disabled, ...others }: TimeRangeInputProps): JSX.Element;
-export declare namespace TimeRangeInput {
-    var displayName: string;
-}
+export declare const TimeRangeInput: React.ForwardRefExoticComponent<TimeRangeInputProps & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=TimeRangeInput.d.ts.map

package.json

 {
   "name": "@mantine/dates",
   "description": "Calendars, date and time pickers based on Mantine components",
-  "version": "2.6.0-alpha.4",
+  "version": "2.6.0-alpha.5",
   "main": "cjs/index.js",
@@ -12,4 +12,4 @@ "module": "esm/index.js",
   "peerDependencies": {
-    "@mantine/core": "2.6.0-alpha.4",
-    "@mantine/hooks": "2.6.0-alpha.4",
+    "@mantine/core": "2.6.0-alpha.5",
+    "@mantine/hooks": "2.6.0-alpha.5",
     "dayjs": "^1.10.5",
@@ -16,0 +16,0 @@ "react": ">=16.8.0"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

565974

increased by0.02%

Worsened metrics

Lines of code

5582

decreased by-1.22%

No dependency changes