@navikt/ds-react 1.4.1 → 1.4.3

package/cjs/date/hooks/useRangeDatepicker.js

@@ -9,12 +9,76 @@ const isWeekend_1 = __importDefault(require("date-fns/isWeekend"));
 const react_1 = require("react");
 const react_day_picker_1 = require("react-day-picker");
 const utils_1 = require("../utils");
+const getValidationMessage = (from = {}, to = {}) => ({
+    from: Object.assign({ isDisabled: false, isWeekend: false, isEmpty: false, isInvalid: false, isBefore: false, isAfter: false, isValidDate: true }, from),
+    to: Object.assign({ isDisabled: false, isWeekend: false, isEmpty: false, isInvalid: false, isBefore: false, isAfter: false, isBeforeFrom: false, isValidDate: true }, to),
+});
 const RANGE = {
     FROM: "FROM",
     TO: "TO",
 };
+const fromValidation = (day, opt) => {
+    const isBefore = (opt === null || opt === void 0 ? void 0 : opt.fromDate) && day && (0, differenceInCalendarDays_1.default)(opt === null || opt === void 0 ? void 0 : opt.fromDate, day) > 0;
+    const isAfter = (opt === null || opt === void 0 ? void 0 : opt.toDate) && day && (0, differenceInCalendarDays_1.default)(day, opt === null || opt === void 0 ? void 0 : opt.toDate) > 0;
+    if ((0, utils_1.isValidDate)(day) &&
+        !((opt === null || opt === void 0 ? void 0 : opt.disableWeekends) && (0, isWeekend_1.default)(day)) &&
+        !((opt === null || opt === void 0 ? void 0 : opt.disabled) && (0, react_day_picker_1.isMatch)(day, opt.disabled))) {
+        return {
+            isValidDate: false,
+            isInvalid: !(0, utils_1.isValidDate)(day),
+            isWeekend: (opt === null || opt === void 0 ? void 0 : opt.disableWeekends) && (0, isWeekend_1.default)(day),
+            isDisabled: (opt === null || opt === void 0 ? void 0 : opt.disabled) && (0, react_day_picker_1.isMatch)(day, opt.disabled),
+            isBefore: isBefore,
+            isAfter: isAfter,
+        };
+    }
+    if (isBefore || isAfter) {
+        return {
+            isValidDate: false,
+            isBefore: isBefore,
+            isAfter: isAfter,
+        };
+    }
+};
+const toValidation = (day, from, opt) => {
+    var _a;
+    const isBefore = (opt === null || opt === void 0 ? void 0 : opt.fromDate) && day && (0, differenceInCalendarDays_1.default)(opt === null || opt === void 0 ? void 0 : opt.fromDate, day) > 0;
+    const isAfter = (opt === null || opt === void 0 ? void 0 : opt.toDate) && day && (0, differenceInCalendarDays_1.default)(day, opt === null || opt === void 0 ? void 0 : opt.toDate) > 0;
+    const isBeforeFrom = (_a = (from && (0, differenceInCalendarDays_1.default)(from, day) > 0)) !== null && _a !== void 0 ? _a : false;
+    if ((0, utils_1.isValidDate)(day) &&
+        !((opt === null || opt === void 0 ? void 0 : opt.disableWeekends) && (0, isWeekend_1.default)(day)) &&
+        !((opt === null || opt === void 0 ? void 0 : opt.disabled) && (0, react_day_picker_1.isMatch)(day, opt.disabled))) {
+        return {
+            isValidDate: false,
+            isInvalid: !(0, utils_1.isValidDate)(day),
+            isWeekend: (opt === null || opt === void 0 ? void 0 : opt.disableWeekends) && (0, isWeekend_1.default)(day),
+            isDisabled: (opt === null || opt === void 0 ? void 0 : opt.disabled) && (0, react_day_picker_1.isMatch)(day, opt.disabled),
+            isBefore,
+            isAfter,
+            isBeforeFrom,
+        };
+    }
+    if (isBefore || isAfter || isBeforeFrom) {
+        return {
+            isValidDate: false,
+            isBefore,
+            isAfter,
+            isBeforeFrom,
+        };
+    }
+};
+const initialValidation = (range, opt) => {
+    if (!range || !(range === null || range === void 0 ? void 0 : range.from)) {
+        return getValidationMessage({ isEmpty: true, isValidDate: false }, { isEmpty: true, isValidDate: false });
+    }
+    const fromVal = fromValidation(range.from, opt);
+    const toVal = range.to
+        ? toValidation(range.to, range.from, opt)
+        : { isEmpty: true, isValidDate: false };
+    return getValidationMessage(Object.assign({}, fromVal), Object.assign({}, toVal));
+};
 const useRangeDatepicker = (opt = {}) => {
-    const { locale: _locale = "nb", defaultSelected: _defaultSelected, today = new Date(), fromDate, toDate, disabled, disableWeekends, onRangeChange, } = opt;
+    const { locale: _locale = "nb", defaultSelected: _defaultSelected, today = new Date(), fromDate, toDate, disabled, disableWeekends, onRangeChange, inputFormat, onValidate, } = opt;
     const locale = (0, utils_1.getLocaleFromString)(_locale);
     const inputRefTo = (0, react_1.useRef)(null);
     const inputRefFrom = (0, react_1.useRef)(null);
@@ -24,16 +88,22 @@ const useRangeDatepicker = (opt = {}) => {
     const [month, setMonth] = (0, react_1.useState)(defaultSelected ? defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.from : today);
     const [selectedRange, setSelectedRange] = (0, react_1.useState)(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : { from: undefined, to: undefined });
     const [fromInputValue, setFromInputValue] = (0, react_1.useState)((defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.from)
-        ? (0, utils_1.formatDateForInput)(defaultSelected.from, locale, "date")
+        ? (0, utils_1.formatDateForInput)(defaultSelected.from, locale, "date", inputFormat)
         : "");
     const [toInputValue, setToInputValue] = (0, react_1.useState)((defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.to)
-        ? (0, utils_1.formatDateForInput)(defaultSelected.to, locale, "date")
+        ? (0, utils_1.formatDateForInput)(defaultSelected.to, locale, "date", inputFormat)
         : "");
+    const [validation, setValidation] = (0, react_1.useState)(initialValidation(selectedRange, opt));
     const [open, setOpen] = (0, react_1.useState)(false);
     const updateRange = (range) => {
         onRangeChange === null || onRangeChange === void 0 ? void 0 : onRangeChange(range);
         setSelectedRange(range);
     };
+    const updateValidation = (from = {}, to = {}) => {
+        const msg = getValidationMessage(from, to);
+        setValidation(msg);
+        onValidate === null || onValidate === void 0 ? void 0 : onValidate(msg);
+    };
     const handleFocusIn = (0, react_1.useCallback)((e) => {
         var _a, _b, _c;
         if (!(e === null || e === void 0 ? void 0 : e.target) || !((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.nodeType)) {
@@ -61,18 +131,24 @@ const useRangeDatepicker = (opt = {}) => {
     const reset = () => {
         updateRange(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : { from: undefined, to: undefined });
         setMonth(defaultSelected ? defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.from : today);
+        setValidation(initialValidation(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : { from: undefined, to: undefined }, opt));
         setFromInputValue((defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.from)
-            ? (0, utils_1.formatDateForInput)(defaultSelected.from, locale, "date")
+            ? (0, utils_1.formatDateForInput)(defaultSelected.from, locale, "date", inputFormat)
             : "");
         setToInputValue((defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.to)
-            ? (0, utils_1.formatDateForInput)(defaultSelected.to, locale, "date")
+            ? (0, utils_1.formatDateForInput)(defaultSelected.to, locale, "date", inputFormat)
             : "");
         setDefaultSelected(_defaultSelected);
     };
     const setSelected = (range) => {
         updateRange(range);
-        setFromInputValue((range === null || range === void 0 ? void 0 : range.from) ? (0, utils_1.formatDateForInput)(range.from, locale, "date") : "");
-        setToInputValue((range === null || range === void 0 ? void 0 : range.to) ? (0, utils_1.formatDateForInput)(range === null || range === void 0 ? void 0 : range.to, locale, "date") : "");
+        setFromInputValue((range === null || range === void 0 ? void 0 : range.from)
+            ? (0, utils_1.formatDateForInput)(range.from, locale, "date", inputFormat)
+            : "");
+        setToInputValue((range === null || range === void 0 ? void 0 : range.to)
+            ? (0, utils_1.formatDateForInput)(range === null || range === void 0 ? void 0 : range.to, locale, "date", inputFormat)
+            : "");
+        setValidation(initialValidation(range, opt));
     };
     const handleFocus = (e, src) => {
         !open && setOpen(true);
@@ -80,32 +156,8 @@ const useRangeDatepicker = (opt = {}) => {
         if ((0, utils_1.isValidDate)(day)) {
             setMonth(day);
             src === RANGE.FROM
-                ? setFromInputValue((0, utils_1.formatDateForInput)(day, locale, "date"))
-                : setToInputValue((0, utils_1.formatDateForInput)(day, locale, "date"));
-        }
-    };
-    const handleInputs = (day, src) => {
-        if (src === RANGE.FROM) {
-            const isAfter = toInputValue &&
-                (0, differenceInCalendarDays_1.default)(day, (0, utils_1.parseDate)(toInputValue, today, locale, "date")) > 0;
-            if (isAfter) {
-                setFromInputValue((0, utils_1.formatDateForInput)((0, utils_1.parseDate)(toInputValue, today, locale, "date"), locale, "date"));
-                setToInputValue((0, utils_1.formatDateForInput)(day, locale, "date"));
-            }
-            else {
-                setFromInputValue((0, utils_1.formatDateForInput)(day, locale, "date"));
-            }
-        }
-        else if (src === RANGE.TO) {
-            const isBefore = fromInputValue &&
-                (0, differenceInCalendarDays_1.default)((0, utils_1.parseDate)(fromInputValue, today, locale, "date"), day) > 0;
-            if (isBefore) {
-                setToInputValue((0, utils_1.formatDateForInput)((0, utils_1.parseDate)(fromInputValue, today, locale, "date"), locale, "date"));
-                setFromInputValue((0, utils_1.formatDateForInput)(day, locale, "date"));
-            }
-            else {
-                setToInputValue((0, utils_1.formatDateForInput)(day, locale, "date"));
-            }
+                ? setFromInputValue((0, utils_1.formatDateForInput)(day, locale, "date", inputFormat))
+                : setToInputValue((0, utils_1.formatDateForInput)(day, locale, "date", inputFormat));
         }
     };
     const handleBlur = (e, src) => {
@@ -113,7 +165,17 @@ const useRangeDatepicker = (opt = {}) => {
         if (!(0, utils_1.isValidDate)(day)) {
             return;
         }
-        handleInputs(day, src);
+        if (src === RANGE.FROM) {
+            setFromInputValue((0, utils_1.formatDateForInput)(day, locale, "date", inputFormat));
+        }
+        else if (src === RANGE.TO) {
+            setToInputValue((0, utils_1.formatDateForInput)(day, locale, "date", inputFormat));
+        }
+    };
+    const validateDay = (day) => {
+        return ((0, utils_1.isValidDate)(day) &&
+            !(disableWeekends && (0, isWeekend_1.default)(day)) &&
+            !(disabled && (0, react_day_picker_1.isMatch)(day, disabled)));
     };
     const handleSelect = (range) => {
         if ((range === null || range === void 0 ? void 0 : range.from) && (range === null || range === void 0 ? void 0 : range.to)) {
@@ -121,54 +183,106 @@ const useRangeDatepicker = (opt = {}) => {
         }
         const prevToRange = !(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) && (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to) ? selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to : range === null || range === void 0 ? void 0 : range.to;
         (range === null || range === void 0 ? void 0 : range.from)
-            ? setFromInputValue((0, utils_1.formatDateForInput)(range === null || range === void 0 ? void 0 : range.from, locale, "date"))
+            ? setFromInputValue((0, utils_1.formatDateForInput)(range === null || range === void 0 ? void 0 : range.from, locale, "date", inputFormat))
             : setFromInputValue("");
         prevToRange
-            ? setToInputValue((0, utils_1.formatDateForInput)(prevToRange, locale, "date"))
+            ? setToInputValue((0, utils_1.formatDateForInput)(prevToRange, locale, "date", inputFormat))
             : setToInputValue("");
+        updateValidation({ isValidDate: !!(range === null || range === void 0 ? void 0 : range.from), isEmpty: !(range === null || range === void 0 ? void 0 : range.from) }, { isValidDate: !!(range === null || range === void 0 ? void 0 : range.to), isEmpty: !prevToRange });
         updateRange({ from: range === null || range === void 0 ? void 0 : range.from, to: prevToRange });
     };
-    /* live-update datepicker based on changes in inputfields */
-    const handleChange = (e, src) => {
-        src === RANGE.FROM
-            ? setFromInputValue(e.target.value)
-            : setToInputValue(e.target.value);
-        const day = (0, utils_1.parseDate)(e.target.value, today, locale, "date");
-        if (!(0, utils_1.isValidDate)(day) ||
-            (disabled &&
-                ((disableWeekends && (0, isWeekend_1.default)(day)) || (0, react_day_picker_1.isMatch)(day, disabled)))) {
-            updateRange(src === RANGE.FROM
-                ? Object.assign(Object.assign({}, selectedRange), { from: undefined }) : { from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, to: undefined });
+    const fromChange = (val = "", day, isBefore = false, isAfter = false) => {
+        setFromInputValue(val);
+        if (!validateDay(day)) {
+            updateRange(Object.assign(Object.assign({}, selectedRange), { from: undefined }));
+            updateValidation({
+                isEmpty: !val,
+                isValidDate: false,
+                isInvalid: !(0, utils_1.isValidDate)(day),
+                isWeekend: disableWeekends && (0, isWeekend_1.default)(day),
+                isDisabled: disabled && (0, react_day_picker_1.isMatch)(day, disabled),
+                isBefore,
+                isAfter,
+            }, validation.to);
             return;
         }
-        const isBefore = fromDate && (0, differenceInCalendarDays_1.default)(fromDate, day) > 0;
-        const isAfter = toDate && (0, differenceInCalendarDays_1.default)(day, toDate) > 0;
         if (isBefore || isAfter) {
-            src === RANGE.FROM
-                ? updateRange(Object.assign(Object.assign({}, selectedRange), { from: undefined }))
-                : updateRange({ from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, to: undefined });
+            updateRange(Object.assign(Object.assign({}, selectedRange), { from: undefined }));
+            updateValidation({
+                isValidDate: false,
+                isBefore,
+                isAfter,
+            }, validation.to);
             return;
         }
-        /* If to-value < from-value, switch places in state */
-        if (src === RANGE.TO &&
-            (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) &&
-            (0, differenceInCalendarDays_1.default)(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, day) >= 0) {
-            updateRange({ from: day, to: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from });
+        if ((selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to) &&
+            (0, differenceInCalendarDays_1.default)(day, selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to) > 0) {
+            updateRange({ to: day, from: day });
+            setToInputValue((0, utils_1.formatDateForInput)(day, locale, "date", inputFormat));
             setMonth(day);
+            updateValidation();
             return;
         }
-        /* If from-value > to-value  , switch places in state */
-        if (src === RANGE.FROM &&
-            (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to) &&
-            (0, differenceInCalendarDays_1.default)(day, selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to) >= 0) {
-            updateRange({ to: day, from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to });
-            setMonth(day);
+        if (toInputValue && !(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to)) {
+            const toDay = (0, utils_1.parseDate)(toInputValue, today, locale, "date");
+            if (validateDay(toDay)) {
+                updateRange({ from: day, to: toDay });
+                setMonth(day);
+                updateValidation();
+                return;
+            }
+        }
+        updateRange(Object.assign(Object.assign({}, selectedRange), { from: day }));
+        updateValidation({}, validation.to);
+        setMonth(day);
+    };
+    const toChange = (val = "", day, isBefore = false, isAfter = false) => {
+        setToInputValue(val);
+        if (!validateDay(day)) {
+            updateRange({ from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, to: undefined });
+            updateValidation(validation.from, {
+                isEmpty: !val,
+                isValidDate: false,
+                isInvalid: !(0, utils_1.isValidDate)(day),
+                isWeekend: disableWeekends && (0, isWeekend_1.default)(day),
+                isDisabled: disabled && (0, react_day_picker_1.isMatch)(day, disabled),
+                isBefore,
+                isAfter,
+            });
             return;
         }
-        src === RANGE.FROM && updateRange(Object.assign(Object.assign({}, selectedRange), { from: day }));
-        src === RANGE.TO && updateRange({ from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, to: day });
+        if (isBefore || isAfter) {
+            updateRange({ from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, to: undefined });
+            updateValidation(validation.from, {
+                isValidDate: false,
+                isBefore,
+                isAfter,
+            });
+            return;
+        }
+        /* If to-value < from-value */
+        if ((selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) &&
+            (0, differenceInCalendarDays_1.default)(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, day) > 0) {
+            updateRange({ from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, to: undefined });
+            updateValidation(validation.from, {
+                isValidDate: false,
+                isBeforeFrom: true,
+            });
+            return;
+        }
+        updateRange({ from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, to: day });
+        updateValidation(validation.from, {});
         setMonth(day);
     };
+    /* live-update datepicker based on changes in inputfields */
+    const handleChange = (e, src) => {
+        const day = (0, utils_1.parseDate)(e.target.value, today, locale, "date");
+        const isBefore = fromDate && (0, differenceInCalendarDays_1.default)(fromDate, day) > 0;
+        const isAfter = toDate && (0, differenceInCalendarDays_1.default)(day, toDate) > 0;
+        return src === RANGE.FROM
+            ? fromChange(e.target.value, day, isBefore, isAfter)
+            : toChange(e.target.value, day, isBefore, isAfter);
+    };
     const handleClose = (0, react_1.useCallback)(() => {
         var _a, _b;
         setOpen(false);
@@ -198,6 +312,8 @@ const useRangeDatepicker = (opt = {}) => {
         mode: "range",
         open,
         onOpenToggle: () => setOpen((x) => !x),
+        disabled,
+        disableWeekends,
         ref: datePickerRef,
     };
     const fromInputProps = {

package/cjs/date/utils/format-date.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.formatDateForInput = void 0;
 const format_1 = __importDefault(require("date-fns/format"));
 const parse_date_1 = require("./parse-date");
-const formatDateForInput = (date, locale, type) => {
-    const INPUT_DATE_STRING_FORMAT = type === "date"
+const formatDateForInput = (date, locale, type, inputFormat) => {
+    const INPUT_DATE_STRING_FORMAT = inputFormat !== null && inputFormat !== void 0 ? inputFormat : (type === "date"
         ? parse_date_1.INPUT_DATE_STRING_FORMAT_DATE
-        : parse_date_1.INPUT_DATE_STRING_FORMAT_MONTH;
+        : parse_date_1.INPUT_DATE_STRING_FORMAT_MONTH);
     return (0, format_1.default)(date, INPUT_DATE_STRING_FORMAT, { locale });
 };
 exports.formatDateForInput = formatDateForInput;

package/cjs/date/utils/parse-date.js

@@ -9,16 +9,10 @@ const _1 = require(".");
 exports.INPUT_DATE_STRING_FORMAT_DATE = "dd.MM.yyyy";
 exports.INPUT_DATE_STRING_FORMAT_MONTH = "MMMM yyyy";
 const ALLOWED_INPUT_FORMATS_DATE = [
-    "ddMMyy",
-    "d.M.yy",
-    "dd.MM.yy",
-    "dd/MM/yy",
-    "dd-MM-yy",
     exports.INPUT_DATE_STRING_FORMAT_DATE,
     "ddMMyyyy",
     "dd/MM/yyyy",
     "dd-MM-yyyy",
-    "d.M.yyyy",
 ];
 const ALLOWED_INPUT_FORMATS_MONTH = [
     "M/yyyy",
@@ -29,15 +23,27 @@ const ALLOWED_INPUT_FORMATS_MONTH = [
     exports.INPUT_DATE_STRING_FORMAT_MONTH,
     ...ALLOWED_INPUT_FORMATS_DATE,
 ];
+const isTwoDigitYear = (dateString, today, locale, formats) => {
+    let parsed;
+    const newFormat = formats.map((x) => x.replace("yyyy", "yy"));
+    for (const format of newFormat) {
+        parsed = (0, parse_1.default)(dateString, format, today, { locale });
+        if ((0, _1.isValidDate)(parsed)) {
+            return true;
+        }
+    }
+    return false;
+};
 const parseDate = (date, today, locale, type) => {
     let parsed;
     const ALLOWED_FORMATS = type === "date" ? ALLOWED_INPUT_FORMATS_DATE : ALLOWED_INPUT_FORMATS_MONTH;
     for (const format of ALLOWED_FORMATS) {
         parsed = (0, parse_1.default)(date, format, today, { locale });
-        if ((0, _1.isValidDate)(parsed)) {
+        if ((0, _1.isValidDate)(parsed) &&
+            !isTwoDigitYear(date, today, locale, ALLOWED_FORMATS)) {
             return parsed;
         }
     }
-    return parsed;
+    return new Date("Invalid date");
 };
 exports.parseDate = parseDate;

package/esm/date/hooks/index.d.ts

@@ -1,5 +1,8 @@
 export { useDatepicker as UNSAFE_useDatepicker } from "./useDatepicker";
+export type { DateValidationT } from "./useDatepicker";
 export { useRangeDatepicker as UNSAFE_useRangeDatepicker } from "./useRangeDatepicker";
+export type { RangeValidationT } from "./useRangeDatepicker";
 export { useMonthpicker as UNSAFE_useMonthpicker } from "./useMonthPicker";
+export type { MonthValidationT } from "./useMonthPicker";
 export { useDateInputContext, DateContext } from "./useDateInputContext";
 export { useSharedMonthContext, SharedMonthProvider, } from "./useSharedMonthContext";

package/esm/date/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,kBAAkB,IAAI,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACvF,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EACL,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAExE,OAAO,EAAE,kBAAkB,IAAI,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEvF,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EACL,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,yBAAyB,CAAC"}

package/esm/date/hooks/useDatepicker.d.ts

@@ -13,6 +13,15 @@ export interface UseDatepickerOptions extends Pick<DatePickerProps, "locale" | "
      * Callback for changed state
      */
     onDateChange?: (val?: Date) => void;
+    /**
+     * Input-format
+     * @default "dd.MM.yyyy"
+     */
+    inputFormat?: string;
+    /**
+     * validation-callback
+     */
+    onValidate?: (val: DateValidationT) => void;
 }
 interface UseDatepickerValue {
     /**
@@ -37,5 +46,14 @@ interface UseDatepickerValue {
      */
     setSelected: (date?: Date) => void;
 }
+export declare type DateValidationT = {
+    isDisabled: boolean;
+    isWeekend: boolean;
+    isEmpty: boolean;
+    isInvalid: boolean;
+    isValidDate: boolean;
+    isBefore: boolean;
+    isAfter: boolean;
+};
 export declare const useDatepicker: (opt?: UseDatepickerOptions) => UseDatepickerValue;
 export {};

package/esm/date/hooks/useDatepicker.js

@@ -3,8 +3,9 @@ import isWeekend from "date-fns/isWeekend";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { isMatch } from "react-day-picker";
 import { formatDateForInput, getLocaleFromString, isValidDate, parseDate, } from "../utils";
+const getValidationMessage = (val = {}) => (Object.assign({ isDisabled: false, isWeekend: false, isEmpty: false, isInvalid: false, isBefore: false, isAfter: false, isValidDate: true }, val));
 export const useDatepicker = (opt = {}) => {
-    const { locale: _locale = "nb", required, defaultSelected: _defaultSelected, today = new Date(), fromDate, toDate, disabled, disableWeekends, onDateChange, } = opt;
+    const { locale: _locale = "nb", required, defaultSelected: _defaultSelected, today = new Date(), fromDate, toDate, disabled, disableWeekends, onDateChange, inputFormat, onValidate, } = opt;
     const locale = getLocaleFromString(_locale);
     const inputRef = useRef(null);
     const daypickerRef = useRef(null);
@@ -14,13 +15,17 @@ export const useDatepicker = (opt = {}) => {
     const [selectedDay, setSelectedDay] = useState(defaultSelected);
     const [open, setOpen] = useState(false);
     const defaultInputValue = defaultSelected
-        ? formatDateForInput(defaultSelected, locale, "date")
+        ? formatDateForInput(defaultSelected, locale, "date", inputFormat)
         : "";
     const [inputValue, setInputValue] = useState(defaultInputValue);
     const updateDate = (date) => {
         onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange(date);
         setSelectedDay(date);
     };
+    const updateValidation = (val = {}) => {
+        const msg = getValidationMessage(val);
+        onValidate === null || onValidate === void 0 ? void 0 : onValidate(msg);
+    };
     const handleFocusIn = useCallback((e) => {
         var _a, _b;
         if (!(e === null || e === void 0 ? void 0 : e.target) || !((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.nodeType)) {
@@ -52,19 +57,20 @@ export const useDatepicker = (opt = {}) => {
     const setSelected = (date) => {
         updateDate(date);
         setMonth(date !== null && date !== void 0 ? date : today);
-        setInputValue(date ? formatDateForInput(date, locale, "date") : "");
+        setInputValue(date ? formatDateForInput(date, locale, "date", inputFormat) : "");
     };
     const handleFocus = (e) => {
         !open && setOpen(true);
         let day = parseDate(e.target.value, today, locale, "date");
         if (isValidDate(day)) {
             setMonth(day);
-            setInputValue(formatDateForInput(day, locale, "date"));
+            setInputValue(formatDateForInput(day, locale, "date", inputFormat));
         }
     };
     const handleBlur = (e) => {
         let day = parseDate(e.target.value, today, locale, "date");
-        isValidDate(day) && setInputValue(formatDateForInput(day, locale, "date"));
+        isValidDate(day) &&
+            setInputValue(formatDateForInput(day, locale, "date", inputFormat));
     };
     /* Only allow de-selecting if not required */
     const handleDayClick = (day, { selected }) => {
@@ -75,11 +81,13 @@ export const useDatepicker = (opt = {}) => {
         if (!required && selected) {
             updateDate(undefined);
             setInputValue("");
+            updateValidation({ isValidDate: false, isEmpty: true });
             return;
         }
         updateDate(day);
+        updateValidation();
         setMonth(day);
-        setInputValue(day ? formatDateForInput(day, locale, "date") : "");
+        setInputValue(day ? formatDateForInput(day, locale, "date", inputFormat) : "");
     };
     // When changing the input field, save its value in state and check if the
     // string is a valid date. If it is a valid day, set it as selected and update
@@ -87,19 +95,34 @@ export const useDatepicker = (opt = {}) => {
     const handleChange = (e) => {
         setInputValue(e.target.value);
         const day = parseDate(e.target.value, today, locale, "date");
+        const isBefore = fromDate && day && differenceInCalendarDays(fromDate, day) > 0;
+        const isAfter = toDate && day && differenceInCalendarDays(day, toDate) > 0;
         if (!isValidDate(day) ||
-            (disabled &&
-                ((disableWeekends && isWeekend(day)) || isMatch(day, disabled)))) {
+            (disableWeekends && isWeekend(day)) ||
+            (disabled && isMatch(day, disabled))) {
             updateDate(undefined);
+            updateValidation({
+                isInvalid: isValidDate(day),
+                isWeekend: disableWeekends && isWeekend(day),
+                isDisabled: disabled && isMatch(day, disabled),
+                isValidDate: false,
+                isEmpty: !e.target.value,
+                isBefore: isBefore !== null && isBefore !== void 0 ? isBefore : false,
+                isAfter: isAfter !== null && isAfter !== void 0 ? isAfter : false,
+            });
             return;
         }
-        const isBefore = fromDate && differenceInCalendarDays(fromDate, day) > 0;
-        const isAfter = toDate && differenceInCalendarDays(day, toDate) > 0;
         if (isBefore || isAfter) {
             updateDate(undefined);
+            updateValidation({
+                isValidDate: false,
+                isBefore: isBefore !== null && isBefore !== void 0 ? isBefore : false,
+                isAfter: isAfter !== null && isAfter !== void 0 ? isAfter : false,
+            });
             return;
         }
         updateDate(day);
+        updateValidation();
         setMonth(day);
     };
     const handleClose = useCallback(() => {
@@ -117,13 +140,15 @@ export const useDatepicker = (opt = {}) => {
         month,
         onMonthChange: (month) => setMonth(month),
         onDayClick: handleDayClick,
-        selected: selectedDay,
+        selected: selectedDay !== null && selectedDay !== void 0 ? selectedDay : new Date("Invalid date"),
         locale: _locale,
         fromDate,
         toDate,
         today,
         open,
         onOpenToggle: () => setOpen((x) => !x),
+        disabled,
+        disableWeekends,
         ref: daypickerRef,
     };
     const inputProps = {

package/esm/date/hooks/useDatepicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDatepicker.js","sourceRoot":"","sources":["../../../src/date/hooks/useDatepicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"useDatepicker.js","sourceRoot":"","sources":["../../../src/date/hooks/useDatepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,MAAM,mCAAmC,CAAC;AACzE,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAwB,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGjE,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,WAAW,EACX,SAAS,GACV,MAAM,UAAU,CAAC;AAwElB,MAAM,oBAAoB,GAAG,CAAC,GAAG,GAAG,EAAE,EAAmB,EAAE,CAAC,iBAC1D,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,KAAK,EACd,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,KAAK,EACd,WAAW,EAAE,IAAI,IACd,GAAG,EACN,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,MAA4B,EAAE,EACV,EAAE;IACtB,MAAM,EACJ,MAAM,EAAE,OAAO,GAAG,IAAI,EACtB,QAAQ,EACR,eAAe,EAAE,gBAAgB,EACjC,KAAK,GAAG,IAAI,IAAI,EAAE,EAClB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,WAAW,EACX,UAAU,GACX,GAAG,GAAG,CAAC;IAER,MAAM,MAAM,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAE5C,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAEzE,oBAAoB;IACpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,KAAK,CAAC,CAAC;IAC7D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;IAChE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,iBAAiB,GAAG,eAAe;QACvC,CAAC,CAAC,kBAAkB,CAAC,eAAe,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC;QAClE,CAAC,CAAC,EAAE,CAAC;IACP,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAEhE,MAAM,UAAU,GAAG,CAAC,IAAW,EAAE,EAAE;QACjC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,IAAI,CAAC,CAAC;QACrB,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,MAAgC,EAAE,EAAE,EAAE;QAC9D,MAAM,GAAG,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAC;QACtC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,GAAG,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAC,EAAE,EAAE;;QACJ,IAAI,CAAC,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,MAAM,CAAA,IAAI,CAAC,CAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,MAAM,0CAAE,QAAQ,CAAA,EAAE;YACtC,OAAO;SACR;QACD,CAAC;YACC,YAAY,CAAC,OAAO;YACpB,QAAQ,CAAC,OAAO;YAChB,MAAA,QAAQ,CAAC,OAAO,0CAAE,WAAW;SAC9B,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;YAC9C,IAAI;YACJ,OAAO,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAClD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;;YACV,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,uDAAG,SAAS,EAAE,aAAa,CAAC,CAAC;YACxD,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,uDAAG,OAAO,EAAE,aAAa,CAAC,CAAC;QACxD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,UAAU,CAAC,eAAe,CAAC,CAAC;QAC5B,QAAQ,CAAC,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,KAAK,CAAC,CAAC;QACnC,aAAa,CAAC,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,EAAE,CAAC,CAAC;QACvC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,IAAsB,EAAE,EAAE;QAC7C,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK,CAAC,CAAC;QACxB,aAAa,CACX,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAClE,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,WAAW,GAA8C,CAAC,CAAC,EAAE,EAAE;QACnE,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;QAEvB,IAAI,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3D,IAAI,WAAW,CAAC,GAAG,CAAC,EAAE;YACpB,QAAQ,CAAC,GAAG,CAAC,CAAC;YACd,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;SACrE;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAA8C,CAAC,CAAC,EAAE,EAAE;QAClE,IAAI,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3D,WAAW,CAAC,GAAG,CAAC;YACd,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IACxE,CAAC,CAAC;IAEF,6CAA6C;IAC7C,MAAM,cAAc,GAAyB,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;QACjE,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE;YACpB,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAC9C;QAED,IAAI,CAAC,QAAQ,IAAI,QAAQ,EAAE;YACzB,UAAU,CAAC,SAAS,CAAC,CAAC;YACtB,aAAa,CAAC,EAAE,CAAC,CAAC;YAClB,gBAAgB,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YACxD,OAAO;SACR;QACD,UAAU,CAAC,GAAG,CAAC,CAAC;QAChB,gBAAgB,EAAE,CAAC;QACnB,QAAQ,CAAC,GAAG,CAAC,CAAC;QACd,aAAa,CACX,GAAG,CAAC,CAAC,CAAC,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAChE,CAAC;IACJ,CAAC,CAAC;IAEF,0EAA0E;IAC1E,8EAA8E;IAC9E,wBAAwB;IACxB,MAAM,YAAY,GAA+C,CAAC,CAAC,EAAE,EAAE;QACrE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,MAAM,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAE7D,MAAM,QAAQ,GACZ,QAAQ,IAAI,GAAG,IAAI,wBAAwB,CAAC,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QACjE,MAAM,OAAO,GAAG,MAAM,IAAI,GAAG,IAAI,wBAAwB,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;QAE3E,IACE,CAAC,WAAW,CAAC,GAAG,CAAC;YACjB,CAAC,eAAe,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC;YACnC,CAAC,QAAQ,IAAI,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,EACpC;YACA,UAAU,CAAC,SAAS,CAAC,CAAC;YACtB,gBAAgB,CAAC;gBACf,SAAS,EAAE,WAAW,CAAC,GAAG,CAAC;gBAC3B,SAAS,EAAE,eAAe,IAAI,SAAS,CAAC,GAAG,CAAC;gBAC5C,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC;gBAC9C,WAAW,EAAE,KAAK;gBAClB,OAAO,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK;gBACxB,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK;gBAC3B,OAAO,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,KAAK;aAC1B,CAAC,CAAC;YACH,OAAO;SACR;QAED,IAAI,QAAQ,IAAI,OAAO,EAAE;YACvB,UAAU,CAAC,SAAS,CAAC,CAAC;YACtB,gBAAgB,CAAC;gBACf,WAAW,EAAE,KAAK;gBAClB,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK;gBAC3B,OAAO,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,KAAK;aAC1B,CAAC,CAAC;YACH,OAAO;SACR;QACD,UAAU,CAAC,GAAG,CAAC,CAAC;QAChB,gBAAgB,EAAE,CAAC;QACnB,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAC/C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,WAAW,EAAE,EAClD,CAAC,WAAW,EAAE,IAAI,CAAC,CACpB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;QAElD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,eAAe,GAAG;QACtB,KAAK;QACL,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;QACzC,UAAU,EAAE,cAAc;QAC1B,QAAQ,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,IAAI,IAAI,CAAC,cAAc,CAAC;QACjD,MAAM,EAAE,OAAO;QACf,QAAQ;QACR,MAAM;QACN,KAAK;QACL,IAAI;QACJ,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QACtC,QAAQ;QACR,eAAe;QACf,GAAG,EAAE,YAAY;KAClB,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,QAAQ,EAAE,YAAY;QACtB,OAAO,EAAE,WAAW;QACpB,MAAM,EAAE,UAAU;QAClB,KAAK,EAAE,UAAU;QACjB,GAAG,EAAE,QAAQ;KACd,CAAC;IAEF,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;AAC1E,CAAC,CAAC"}

package/esm/date/hooks/useMonthPicker.d.ts

@@ -9,6 +9,15 @@ export interface UseMonthPickerOptions extends Pick<MonthPickerProps, "locale" |
      * Callback for month-change
      */
     onMonthChange?: (date?: Date) => void;
+    /**
+     * Input-format
+     * @default "MMMM yyyy"
+     */
+    inputFormat?: string;
+    /**
+     * validation-callback
+     */
+    onValidate?: (val: MonthValidationT) => void;
 }
 interface UseMonthPickerValue {
     /**
@@ -33,5 +42,13 @@ interface UseMonthPickerValue {
      */
     reset: () => void;
 }
+export declare type MonthValidationT = {
+    isDisabled: boolean;
+    isEmpty: boolean;
+    isInvalid: boolean;
+    isValidMonth: boolean;
+    isBefore: boolean;
+    isAfter: boolean;
+};
 export declare const useMonthpicker: (opt?: UseMonthPickerOptions) => UseMonthPickerValue;
 export {};