@sb1/ffe-datepicker-react 100.12.4 → 101.0.0

package/es/datepicker/DatepickerComp.js

@@ -11,53 +11,52 @@ import { getSimpleDateFromString } from '../datelogic/simpledate';
 import { ErrorFieldMessage } from '@sb1/ffe-form-react';
 import i18n from '../i18n/i18n';
 import { isMonth } from '../types';
-export var DatepickerComp = function (_a) {
-    var ariaInvalidState = _a.ariaInvalid, ariaInvalidProp = _a["aria-invalid"], ariaDescribedbyState = _a.ariaDescribedby, ariaDescribedbyProp = _a["aria-describedby"], onBlur = _a.onBlur, calendarAbove = _a.calendarAbove, id = _a.id, maxDateProp = _a.maxDate, minDateProp = _a.minDate, onChange = _a.onChange, fullWidth = _a.fullWidth, fieldMessage = _a.fieldMessage, labelId = _a.labelId, dropdownCaption = _a.dropdownCaption, disabledDates = _a.disabledDates;
-    var _b = useContext(DatepickerContext), day = _b.day, setDay = _b.setDay, year = _b.year, setYear = _b.setYear, month = _b.month, setMonth = _b.setMonth, locale = _b.locale, calendarActiveDate = _b.calendarActiveDate, setCalendarActiveDate = _b.setCalendarActiveDate, setLastChangedValue = _b.setLastChangedValue;
-    var formatDate = useCallback(function () {
+export const DatepickerComp = ({ ariaInvalid: ariaInvalidState, 'aria-invalid': ariaInvalidProp, ariaDescribedby: ariaDescribedbyState, 'aria-describedby': ariaDescribedbyProp, onBlur, calendarAbove, id, maxDate: maxDateProp, minDate: minDateProp, onChange, fullWidth, fieldMessage, labelId, dropdownCaption, disabledDates, }) => {
+    const { day, setDay, year, setYear, month, setMonth, locale, calendarActiveDate, setCalendarActiveDate, setLastChangedValue, } = useContext(DatepickerContext);
+    const formatDate = useCallback(() => {
         return getPaddedDateString(day, month, year);
     }, [day, month, year]);
-    var _c = useState(false), displayDatePicker = _c[0], setDisplayDatePicker = _c[1];
-    var _d = useState(minDateProp), minDate = _d[0], setMinDate = _d[1];
-    var _e = useState(maxDateProp), maxDate = _e[0], setMaxDate = _e[1];
-    var _f = useState(formatDate()), lastValidDate = _f[0], setLastValidDate = _f[1];
-    var datepickerId = useId();
-    var buttonRef = useRef(null);
-    var dayRef = useRef(null);
-    var monthRef = useRef(null);
-    var yearRef = useRef(null);
-    var getFieldMessageId = function () {
-        return fieldMessage ? "".concat(datepickerId, "-fieldmessage") : undefined;
+    const [displayDatePicker, setDisplayDatePicker] = useState(false);
+    const [minDate, setMinDate] = useState(minDateProp);
+    const [maxDate, setMaxDate] = useState(maxDateProp);
+    const [lastValidDate, setLastValidDate] = useState(formatDate());
+    const datepickerId = useId();
+    const buttonRef = useRef(null);
+    const dayRef = useRef(null);
+    const monthRef = useRef(null);
+    const yearRef = useRef(null);
+    const getFieldMessageId = () => {
+        return fieldMessage ? `${datepickerId}-fieldmessage` : undefined;
     };
-    var _onChange = useCallback(function (date) {
+    const _onChange = useCallback((date) => {
         setLastChangedValue(date);
         onChange(date);
     }, [onChange, setLastChangedValue]);
-    var fieldMessageId = getFieldMessageId();
+    const fieldMessageId = getFieldMessageId();
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    var debounceCalendar = useCallback(debounce(function (newValue) {
+    const debounceCalendar = useCallback(debounce((newValue) => {
         if (newValue !== lastValidDate && validateDate(newValue)) {
             setCalendarActiveDate(newValue);
             setLastValidDate(newValue);
         }
     }, 250), [lastValidDate]);
-    var hasMessage = !!fieldMessage;
-    useEffect(function () {
-        return function () {
+    const hasMessage = !!fieldMessage;
+    useEffect(() => {
+        return () => {
             debounceCalendar.cancel();
         };
     }, [debounceCalendar]);
-    var validateDateIntervals = useCallback(function () {
-        var dateString = formatDate();
-        getSimpleDateFromString(dateString, function (date) {
-            var maxDateValidated = maxDateProp
+    const validateDateIntervals = useCallback(() => {
+        const dateString = formatDate();
+        getSimpleDateFromString(dateString, date => {
+            const maxDateValidated = maxDateProp
                 ? getSimpleDateFromString(maxDateProp)
                 : null;
             if ((maxDateValidated === null || maxDateValidated === void 0 ? void 0 : maxDateValidated.isBefore(date)) &&
                 isDateInputWithTwoDigitYear(dateString)) {
                 date.adjust({ period: 'Y', offset: -100 });
             }
-            var formattedDate = date.format();
+            const formattedDate = date.format();
             if (formattedDate !== dateString) {
                 setDay([date.date]);
                 setMonth([date.month + 1]);
@@ -66,7 +65,7 @@ export var DatepickerComp = function (_a) {
             setLastValidDate(formattedDate);
         });
     }, [formatDate, maxDateProp, setDay, setMonth, setYear]);
-    useEffect(function () {
+    useEffect(() => {
         if (minDateProp !== minDate || maxDateProp !== maxDate) {
             setMinDate(minDateProp);
             setMaxDate(maxDateProp);
@@ -82,43 +81,43 @@ export var DatepickerComp = function (_a) {
         maxDate,
         validateDateIntervals,
     ]);
-    var closeCalendarSetInputFocus = function () {
+    const closeCalendarSetInputFocus = () => {
         var _a;
         setDisplayDatePicker(false);
         (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         validateDateIntervals();
     };
-    var escKeyHandler = function (evt) {
+    const escKeyHandler = (evt) => {
         if (evt.key === 'Escape') {
             closeCalendarSetInputFocus();
         }
     };
-    var globalClickHandler = function (evt) {
+    const globalClickHandler = (evt) => {
         if (displayDatePicker && evt.__datepickerID !== datepickerId) {
             closeCalendarSetInputFocus();
         }
     };
-    var addGlobalEventListeners = function () {
+    const addGlobalEventListeners = () => {
         window.addEventListener('click', globalClickHandler);
         window.addEventListener('keyup', escKeyHandler);
     };
-    var removeGlobalEventListeners = function () {
+    const removeGlobalEventListeners = () => {
         window.removeEventListener('click', globalClickHandler);
         window.removeEventListener('keyup', escKeyHandler);
     };
-    useEffect(function () {
+    useEffect(() => {
         if (displayDatePicker) {
             addGlobalEventListeners();
         }
         else {
             removeGlobalEventListeners();
         }
-        return function () {
+        return () => {
             removeGlobalEventListeners();
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [displayDatePicker]);
-    var calendarButtonClickHandler = function () {
+    const calendarButtonClickHandler = () => {
         validateDateIntervals();
         setDisplayDatePicker(!displayDatePicker);
     };
@@ -126,11 +125,11 @@ export var DatepickerComp = function (_a) {
      * Adds a flag on the click event so that the globalClickHandler()
      * can determine whether the ID matches. Makes it so that only one datepicker can be open at the same time
      */
-    var addFlagOnClickEventClickHandler = function (evt) {
-        var nativeEvent = evt.nativeEvent;
+    const addFlagOnClickEventClickHandler = (evt) => {
+        const nativeEvent = evt.nativeEvent;
         nativeEvent.__datepickerID = datepickerId;
     };
-    var focusSpinButton = function (evt) {
+    const focusSpinButton = (evt) => {
         var _a;
         if (evt.target !== yearRef.current &&
             evt.target !== buttonRef.current &&
@@ -139,9 +138,9 @@ export var DatepickerComp = function (_a) {
             (_a = dayRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
     };
-    var datePickedHandler = function (date) {
+    const datePickedHandler = (date) => {
         var _a;
-        var simpleDate = getSimpleDateFromString(date);
+        const simpleDate = getSimpleDateFromString(date);
         if (simpleDate) {
             setDay([simpleDate.date]);
             setMonth([simpleDate.month + 1]);
@@ -151,34 +150,34 @@ export var DatepickerComp = function (_a) {
             (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
     };
-    var ariaInvalid = function () {
-        var ariaInvalidTotal = ariaInvalidProp === 'true' || ariaInvalidState;
-        var isAriaInvalid = ariaInvalidTotal === 'true' || ariaInvalidTotal === true
+    const ariaInvalid = () => {
+        const ariaInvalidTotal = ariaInvalidProp === 'true' || ariaInvalidState;
+        const isAriaInvalid = ariaInvalidTotal === 'true' || ariaInvalidTotal === true
             ? 'true'
             : undefined;
         return isAriaInvalid;
     };
-    var ariaDescribedby = function () {
-        var ariaDescribedbyTotal = ariaDescribedbyProp !== null && ariaDescribedbyProp !== void 0 ? ariaDescribedbyProp : ariaDescribedbyState;
+    const ariaDescribedby = () => {
+        const ariaDescribedbyTotal = ariaDescribedbyProp !== null && ariaDescribedbyProp !== void 0 ? ariaDescribedbyProp : ariaDescribedbyState;
         return ariaDescribedbyTotal;
     };
-    var handlePaste = function (evt) {
+    const handlePaste = (evt) => {
         evt.preventDefault();
-        var paste = (evt.clipboardData || window.Clipboard).getData('text');
-        var date = getSimpleDateFromString(paste);
+        const paste = (evt.clipboardData || window.Clipboard).getData('text');
+        const date = getSimpleDateFromString(paste);
         if (date) {
             setDay([date.date]);
             setMonth([date.month + 1]);
             setYear([date.year]);
         }
     };
-    var _g = useState(true), init = _g[0], setInit = _g[1];
-    useEffect(function () {
+    const [init, setInit] = useState(true);
+    useEffect(() => {
         if (init) {
             setInit(false);
             return;
         }
-        var _a = lastValidDate.split('.').map(Number), day = _a[0], month = _a[1], year = _a[2];
+        const [day, month, year] = lastValidDate.split('.').map(Number);
         if (day * month * year > 0) {
             _onChange(lastValidDate);
             return;
@@ -191,12 +190,12 @@ export var DatepickerComp = function (_a) {
             'ffe-datepicker--full-width': fullWidth,
             'ffe-input-group--message': hasMessage,
             'ffe-datepicker--invalid': ariaInvalid(),
-        }), "data-testid": "date-picker", onClick: function (e) {
+        }), "data-testid": "date-picker", onClick: e => {
             addFlagOnClickEventClickHandler(e);
             focusSpinButton(e);
         }, role: 'group', id: id },
-        React.createElement("div", { className: classNames('ffe-dateinput'), onBlur: function (evt) {
-                var elementReceivingFocus = evt.relatedTarget;
+        React.createElement("div", { className: classNames('ffe-dateinput'), onBlur: evt => {
+                const elementReceivingFocus = evt.relatedTarget;
                 if (elementReceivingFocus !== yearRef.current &&
                     elementReceivingFocus !== dayRef.current &&
                     elementReceivingFocus !== monthRef.current) {
@@ -204,22 +203,20 @@ export var DatepickerComp = function (_a) {
                     validateDateIntervals();
                 }
             } },
-            React.createElement(SpinButton, { ref: dayRef, value: day !== null && day !== void 0 ? day : undefined, min: 1, max: 31, onPaste: handlePaste, onSpinButtonChange: function (newValue, allowFocusNext) {
-                    if (allowFocusNext === void 0) { allowFocusNext = true; }
+            React.createElement(SpinButton, { ref: dayRef, value: day !== null && day !== void 0 ? day : undefined, min: 1, max: 31, onPaste: handlePaste, onSpinButtonChange: (newValue, allowFocusNext = true) => {
                     return allowFocusNext
-                        ? setDay(newValue, function () {
+                        ? setDay(newValue, () => {
                             var _a;
                             return (_a = monthRef.current) === null || _a === void 0 ? void 0 : _a.focus({
                                 preventScroll: true,
                             });
                         })
                         : setDay(newValue);
-                }, nextSpinButton: monthRef, maxLength: 2, "aria-invalid": ariaInvalid(), "aria-valuenow": typeof day === 'number' ? day : undefined, "aria-valuetext": "".concat(day), "aria-label": i18n[locale].DAY, "aria-describedby": ariaDescribedby(), "aria-labelledby": labelId }, day ? padZero(day) : 'dd'),
+                }, nextSpinButton: monthRef, maxLength: 2, "aria-invalid": ariaInvalid(), "aria-valuenow": typeof day === 'number' ? day : undefined, "aria-valuetext": `${day}`, "aria-label": i18n[locale].DAY, "aria-describedby": ariaDescribedby(), "aria-labelledby": labelId }, day ? padZero(day) : 'dd'),
             ".",
-            React.createElement(SpinButton, { ref: monthRef, value: month !== null && month !== void 0 ? month : undefined, min: 1, max: 12, onPaste: handlePaste, onSpinButtonChange: function (newValue, allowFocusNext) {
-                    if (allowFocusNext === void 0) { allowFocusNext = true; }
+            React.createElement(SpinButton, { ref: monthRef, value: month !== null && month !== void 0 ? month : undefined, min: 1, max: 12, onPaste: handlePaste, onSpinButtonChange: (newValue, allowFocusNext = true) => {
                     return allowFocusNext
-                        ? setMonth(newValue, function () {
+                        ? setMonth(newValue, () => {
                             var _a;
                             return (_a = yearRef.current) === null || _a === void 0 ? void 0 : _a.focus({
                                 preventScroll: true,
@@ -227,12 +224,12 @@ export var DatepickerComp = function (_a) {
                         })
                         : setMonth(newValue);
                 }, nextSpinButton: yearRef, prevSpinButton: dayRef, maxLength: 2, "aria-invalid": ariaInvalid(), "aria-valuenow": typeof month === 'number' ? month : undefined, "aria-valuetext": isMonth(month)
-                    ? "".concat(month, " - ").concat(i18n[locale]["MONTH_".concat(month)])
+                    ? `${month} - ${i18n[locale][`MONTH_${month}`]}`
                     : undefined, "aria-label": i18n[locale].MONTH, "aria-describedby": ariaDescribedby(), "aria-labelledby": labelId }, month ? padZero(month) : 'mm'),
             ".",
-            React.createElement(SpinButton, { ref: yearRef, className: 'ffe-dateinput__field-year', value: year !== null && year !== void 0 ? year : undefined, min: 1, max: 9999, onPaste: handlePaste, onSpinButtonChange: function (newValue) {
+            React.createElement(SpinButton, { ref: yearRef, className: 'ffe-dateinput__field-year', value: year !== null && year !== void 0 ? year : undefined, min: 1, max: 9999, onPaste: handlePaste, onSpinButtonChange: newValue => {
                     setYear(newValue);
-                }, prevSpinButton: monthRef, maxLength: 4, "aria-invalid": ariaInvalid(), "aria-valuetext": "".concat(year), "aria-valuenow": typeof year === 'number' ? year : undefined, "aria-label": i18n[locale].YEAR, "aria-describedby": ariaDescribedby(), "aria-labelledby": labelId }, year ? year : 'yyyy')),
+                }, prevSpinButton: monthRef, maxLength: 4, "aria-invalid": ariaInvalid(), "aria-valuetext": `${year}`, "aria-valuenow": typeof year === 'number' ? year : undefined, "aria-label": i18n[locale].YEAR, "aria-describedby": ariaDescribedby(), "aria-labelledby": labelId }, year ? year : 'yyyy')),
         React.createElement(Button, { onClick: calendarButtonClickHandler, locale: locale, value: calendarActiveDate || '', ref: buttonRef }),
         displayDatePicker && (React.createElement(Calendar, { calendarClassName: classNames('ffe-calendar ffe-calendar--datepicker', { 'ffe-calendar--datepicker--above': calendarAbove }), locale: locale, onDatePicked: datePickedHandler, selectedDate: calendarActiveDate, focusOnMount: true, dropdownCaption: dropdownCaption, minDate: minDate, maxDate: maxDate, disabledDates: disabledDates })),
         !!fieldMessage && (React.createElement(ErrorFieldMessage, { as: "p", id: fieldMessageId }, fieldMessage))));

package/es/datepicker/DatepickerContext.js

@@ -2,30 +2,29 @@ import React, { createContext, useEffect, useState } from 'react';
 import { getSimpleDateFromString } from '../datelogic/simpledate';
 import { validateDate } from '../util/dateUtil';
 import { toNumber } from './toNumber';
-export var DatepickerContext = createContext({
+export const DatepickerContext = createContext({
     day: null,
     month: null,
     year: null,
-    setDay: function () { return null; },
-    setMonth: function () { return null; },
-    setYear: function () { return null; },
+    setDay: () => null,
+    setMonth: () => null,
+    setYear: () => null,
     locale: 'nb',
     calendarActiveDate: '',
-    setCalendarActiveDate: function () { return null; },
-    setLastChangedValue: function () { return null; },
+    setCalendarActiveDate: () => null,
+    setLastChangedValue: () => null,
 });
-var MONTHS_PER_YEAR = 12;
-var MAX_DAYS = 31;
-export var DatepickerProvider = function (_a) {
-    var _b;
-    var children = _a.children, _c = _a.value, value = _c === void 0 ? '' : _c, locale = _a.locale;
-    var newDate = validateDate(value) ? getSimpleDateFromString(value) : '';
-    var _d = useState(newDate ? newDate.date : null), day = _d[0], setDay = _d[1];
-    var _e = useState(newDate ? newDate.month + 1 : null), month = _e[0], setMonth = _e[1];
-    var _f = useState(newDate ? newDate.year : null), year = _f[0], setYear = _f[1];
-    var _g = useState((_b = newDate === null || newDate === void 0 ? void 0 : newDate.toString()) !== null && _b !== void 0 ? _b : ''), calendarActiveDate = _g[0], setCalendarActiveDate = _g[1];
-    var _h = useState(value !== null && value !== void 0 ? value : ''), lastChangedValue = _h[0], setLastChangedValue = _h[1];
-    useEffect(function () {
+const MONTHS_PER_YEAR = 12;
+const MAX_DAYS = 31;
+export const DatepickerProvider = ({ children, value = '', locale, }) => {
+    var _a;
+    const newDate = validateDate(value) ? getSimpleDateFromString(value) : '';
+    const [day, setDay] = useState(newDate ? newDate.date : null);
+    const [month, setMonth] = useState(newDate ? newDate.month + 1 : null);
+    const [year, setYear] = useState(newDate ? newDate.year : null);
+    const [calendarActiveDate, setCalendarActiveDate] = useState((_a = newDate === null || newDate === void 0 ? void 0 : newDate.toString()) !== null && _a !== void 0 ? _a : '');
+    const [lastChangedValue, setLastChangedValue] = useState(value !== null && value !== void 0 ? value : '');
+    useEffect(() => {
         var _a;
         if (value !== lastChangedValue) {
             setDay(newDate ? newDate.date : null);
@@ -36,14 +35,13 @@ export var DatepickerProvider = function (_a) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [value]);
     return (React.createElement(DatepickerContext.Provider, { value: {
-            day: day,
-            month: month,
-            year: year,
-            setDay: function (newValue, focusNext) {
-                if (focusNext === void 0) { focusNext = undefined; }
-                var numbers = newValue.slice(-2);
-                var first = numbers[0], second = numbers[1];
-                var total = toNumber(numbers);
+            day,
+            month,
+            year,
+            setDay: (newValue, focusNext = undefined) => {
+                const numbers = newValue.slice(-2);
+                const [first, second] = numbers;
+                const total = toNumber(numbers);
                 if (total > MAX_DAYS) {
                     focusNext === null || focusNext === void 0 ? void 0 : focusNext();
                 }
@@ -58,11 +56,10 @@ export var DatepickerProvider = function (_a) {
                     }
                 }
             },
-            setMonth: function (newValue, focusNext) {
-                if (focusNext === void 0) { focusNext = undefined; }
-                var numbers = newValue.slice(-2);
-                var first = numbers[0], second = numbers[1];
-                var total = toNumber(numbers);
+            setMonth: (newValue, focusNext = undefined) => {
+                const numbers = newValue.slice(-2);
+                const [first, second] = numbers;
+                const total = toNumber(numbers);
                 if (total > MONTHS_PER_YEAR) {
                     focusNext === null || focusNext === void 0 ? void 0 : focusNext();
                 }
@@ -77,15 +74,15 @@ export var DatepickerProvider = function (_a) {
                     }
                 }
             },
-            setYear: function (newValue) {
+            setYear: newValue => {
                 setYear(toNumber(newValue.slice(-4)));
             },
-            calendarActiveDate: calendarActiveDate,
-            setCalendarActiveDate: function (date) {
+            calendarActiveDate,
+            setCalendarActiveDate: date => {
                 setCalendarActiveDate(date);
             },
-            locale: locale,
-            setLastChangedValue: function (val) {
+            locale,
+            setLastChangedValue: val => {
                 setLastChangedValue(val);
             },
         } }, children));

package/es/datepicker/SpinButton.js

@@ -1,33 +1,9 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React, { useRef } from 'react';
 import classNames from 'classnames';
-export var SpinButton = React.forwardRef(function (_a, ref) {
-    var className = _a.className, onSpinButtonChange = _a.onSpinButtonChange, maxLength = _a.maxLength, min = _a.min, max = _a.max, value = _a.value, nextSpinButton = _a.nextSpinButton, prevSpinButton = _a.prevSpinButton, children = _a.children, rest = __rest(_a, ["className", "onSpinButtonChange", "maxLength", "min", "max", "value", "nextSpinButton", "prevSpinButton", "children"]);
-    var history = useRef([]);
-    var handleKeyDown = function (evt) {
+export const SpinButton = React.forwardRef(({ className, onSpinButtonChange, maxLength, min, max, value, nextSpinButton, prevSpinButton, children, ...rest }, ref) => {
+    const history = useRef([]);
+    const handleKeyDown = (evt) => {
         var _a, _b, _c;
-        evt.stopPropagation();
         if (/\d/.test(evt.key)) {
             history.current =
                 history.current.length === maxLength
@@ -41,7 +17,7 @@ export var SpinButton = React.forwardRef(function (_a, ref) {
                 (_a = prevSpinButton === null || prevSpinButton === void 0 ? void 0 : prevSpinButton.current) === null || _a === void 0 ? void 0 : _a.focus();
                 return;
             }
-            var newValue = value === null || value === void 0 ? void 0 : value.toString().slice(0, -1);
+            const newValue = value === null || value === void 0 ? void 0 : value.toString().slice(0, -1);
             history.current = newValue
                 ? newValue.split('').map(Number)
                 : [];
@@ -49,7 +25,7 @@ export var SpinButton = React.forwardRef(function (_a, ref) {
         }
         else if (evt.key === 'ArrowUp') {
             evt.preventDefault();
-            var newValue = (value !== null && value !== void 0 ? value : 0) + 1;
+            let newValue = (value !== null && value !== void 0 ? value : 0) + 1;
             if (newValue && newValue !== null && newValue > max) {
                 newValue = min;
             }
@@ -57,7 +33,7 @@ export var SpinButton = React.forwardRef(function (_a, ref) {
         }
         else if (evt.key === 'ArrowDown') {
             evt.preventDefault();
-            var newValue = (value !== null && value !== void 0 ? value : 0) - 1;
+            let newValue = (value !== null && value !== void 0 ? value : 0) - 1;
             if (newValue < min) {
                 newValue = max;
             }
@@ -72,7 +48,7 @@ export var SpinButton = React.forwardRef(function (_a, ref) {
             (_c = nextSpinButton === null || nextSpinButton === void 0 ? void 0 : nextSpinButton.current) === null || _c === void 0 ? void 0 : _c.focus();
         }
     };
-    return (React.createElement("span", __assign({ role: 'spinbutton', inputMode: 'numeric', className: classNames(className, 'ffe-dateinput__field'), tabIndex: 0, onFocus: function () {
+    return (React.createElement("span", { role: 'spinbutton', inputMode: 'numeric', className: classNames(className, 'ffe-dateinput__field'), tabIndex: 0, onFocus: () => {
             history.current = [];
-        }, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": value, ref: ref, onKeyDown: handleKeyDown }, rest), children));
+        }, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": value, ref: ref, onKeyDown: handleKeyDown, ...rest }, children));
 });

package/es/datepicker/padZero.js

@@ -1,6 +1,6 @@
-export var padZero = function (value) {
+export const padZero = (value) => {
     if (value < 10) {
-        return "0".concat(value);
+        return `0${value}`;
     }
     return value;
 };