rsuite 5.48.1 → 5.50.0

package/esm/DateInput/DateField.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type Locale } from 'date-fns';
+import type { Locale } from 'date-fns';
 export declare const patternMap: {
     y: string;
     M: string;
@@ -22,9 +22,12 @@ export declare class DateField extends Object {
     hour: number | null;
     minute: number | null;
     second: number | null;
-    meridian: 'AM' | 'PM' | null;
     constructor(format: string, value?: Date | null);
 }
+interface Action {
+    type: string;
+    value: any;
+}
 export declare const useDateField: (format: string, localize: Locale['localize'], date?: Date | null) => {
     dateField: {
         year: any;
@@ -38,7 +41,6 @@ export declare const useDateField: (format: string, localize: Locale['localize']
         hour: number | null;
         minute: number | null;
         second: number | null;
-        meridian: 'AM' | 'PM' | null;
         constructor: Function;
         toString(): string;
         toLocaleString(): string;
@@ -59,7 +61,6 @@ export declare const useDateField: (format: string, localize: Locale['localize']
         hour: number | null;
         minute: number | null;
         second: number | null;
-        meridian: 'AM' | 'PM' | null;
         constructor: Function;
         toString(): string;
         toLocaleString(): string;
@@ -80,7 +81,6 @@ export declare const useDateField: (format: string, localize: Locale['localize']
         hour: number | null;
         minute: number | null;
         second: number | null;
-        meridian: 'AM' | 'PM' | null;
         constructor: Function;
         toString(): string;
         toLocaleString(): string;
@@ -101,7 +101,6 @@ export declare const useDateField: (format: string, localize: Locale['localize']
         day: number | null;
         minute: number | null;
         second: number | null;
-        meridian: 'AM' | 'PM' | null;
         constructor: Function;
         toString(): string;
         toLocaleString(): string;
@@ -122,7 +121,6 @@ export declare const useDateField: (format: string, localize: Locale['localize']
         day: number | null;
         hour: number | null;
         second: number | null;
-        meridian: 'AM' | 'PM' | null;
         constructor: Function;
         toString(): string;
         toLocaleString(): string;
@@ -143,28 +141,6 @@ export declare const useDateField: (format: string, localize: Locale['localize']
         day: number | null;
         hour: number | null;
         minute: number | null;
-        meridian: 'AM' | 'PM' | null;
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
-        should: Chai.Assertion;
-    } | {
-        meridian: any;
-        format: string;
-        patternArray: {
-            pattern: string;
-            key: string;
-        }[];
-        year: number | null;
-        month: number | null;
-        day: number | null;
-        hour: number | null;
-        minute: number | null;
-        second: number | null;
         constructor: Function;
         toString(): string;
         toLocaleString(): string;
@@ -174,7 +150,9 @@ export declare const useDateField: (format: string, localize: Locale['localize']
         propertyIsEnumerable(v: PropertyKey): boolean;
         should: Chai.Assertion;
     };
-    dispatch: import("react").Dispatch<any>;
-    toDate: (type: string, value: number | null) => Date;
+    dispatch: import("react").Dispatch<Action>;
+    toDate: (type?: string, value?: number | null) => Date | null;
     toDateString: () => string;
+    isEmptyValue: (type?: string, value?: number | null) => boolean | undefined;
 };
+export {};

package/esm/DateInput/DateField.js

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import _wrapNativeSuper from "@babel/runtime/helpers/esm/wrapNativeSuper";
 import { useReducer } from 'react';
+import isValid from 'date-fns/isValid';
 import { modifyDate } from './utils';
 export var patternMap = {
   y: 'year',
@@ -27,7 +28,6 @@ export var DateField = /*#__PURE__*/function (_Object) {
     _this.hour = null;
     _this.minute = null;
     _this.second = null;
-    _this.meridian = null;
     _this.format = format;
     var formatArray = format.match(new RegExp('([y|d|M|H|h|m|s|a])+', 'ig')) || [];
     _this.patternArray = formatArray.map(function (pattern) {
@@ -36,14 +36,13 @@ export var DateField = /*#__PURE__*/function (_Object) {
         key: patternMap[pattern[0]]
       };
     });
-    if (value) {
+    if (value && isValid(value)) {
       _this.year = value.getFullYear();
       _this.month = value.getMonth() + 1;
       _this.day = value.getDate();
       _this.hour = value.getHours();
       _this.minute = value.getMinutes();
       _this.second = value.getSeconds();
-      _this.meridian = value.getHours() > 12 ? 'PM' : 'AM';
     }
     return _this;
   }
@@ -91,10 +90,8 @@ export var useDateField = function useDateField(format, localize, date) {
           return _extends({}, state, {
             second: action.value
           });
-        case 'setMeridian':
-          return _extends({}, state, {
-            meridian: action.value
-          });
+        case 'setNewDate':
+          return new DateField(format, action.value);
         default:
           return state;
       }
@@ -106,6 +103,7 @@ export var useDateField = function useDateField(format, localize, date) {
     dateField.patternArray.forEach(function (item) {
       var key = item.key,
         pattern = item.pattern;
+      var hour = dateField.hour;
       var value = dateField[key];
       if (value !== null) {
         if (pattern === 'MMM' && typeof value === 'number') {
@@ -116,8 +114,12 @@ export var useDateField = function useDateField(format, localize, date) {
           value = localize === null || localize === void 0 ? void 0 : localize.month(value - 1, {
             width: 'wide'
           });
-        } else if (pattern === 'aa' && typeof value === 'number') {
-          value = value === 0 ? 'AM' : 'PM';
+        } else if (pattern === 'aa') {
+          if (typeof hour === 'number') {
+            value = hour > 12 ? 'PM' : 'AM';
+          } else {
+            value = 'aa';
+          }
         } else if (pattern === 'hh' && typeof value === 'number') {
           value = value === 0 ? 12 : value > 12 ? value - 12 : value;
         }
@@ -129,16 +131,63 @@ export var useDateField = function useDateField(format, localize, date) {
     });
     return str;
   };
+
+  // Check if the field value is valid.
+  var validFieldValue = function validFieldValue(type, value) {
+    var _format$match;
+    var isValid = true;
+    (_format$match = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))) === null || _format$match === void 0 ? void 0 : _format$match.forEach(function (pattern) {
+      var key = patternMap[pattern[0]];
+      var fieldValue = type === key ? value : dateField[key];
+      if (fieldValue === null) {
+        isValid = false;
+        return;
+      }
+    });
+    return isValid;
+  };
+  var isEmptyValue = function isEmptyValue(type, value) {
+    var _format$match2;
+    var checkValueArray = (_format$match2 = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))) === null || _format$match2 === void 0 ? void 0 : _format$match2.map(function (pattern) {
+      var key = patternMap[pattern[0]];
+      var fieldValue = type === key ? value : dateField[key];
+      return fieldValue !== null;
+    });
+    return checkValueArray === null || checkValueArray === void 0 ? void 0 : checkValueArray.every(function (item) {
+      return item === false;
+    });
+  };
   var toDate = function toDate(type, value) {
-    if (value === null) {
+    var year = dateField.year,
+      month = dateField.month,
+      day = dateField.day,
+      hour = dateField.hour,
+      minute = dateField.minute,
+      second = dateField.second;
+    var date = new Date(year || 0, typeof month === 'number' ? month - 1 : 0,
+    // The default day is 1 when the value is null, otherwise it becomes the last day of the month.
+    day || 1, hour || 0, minute || 0, second || 0);
+    if (typeof type === 'undefined' || typeof value === 'undefined') {
+      return date;
+    }
+    if (value === null || !validFieldValue(type, value)) {
+      if (isEmptyValue(type, value)) {
+        return null;
+      }
       return new Date('');
     }
-    return modifyDate(new Date(dateField.year, dateField.month ? dateField.month - 1 : 0, dateField.day, dateField.hour, dateField.minute, dateField.second), type, value);
+    if (type === 'meridian' && typeof hour === 'number') {
+      var newHour = hour > 12 ? hour - 12 : hour + 12;
+      type = 'hour';
+      value = newHour;
+    }
+    return modifyDate(date, type, value);
   };
   return {
     dateField: dateField,
     dispatch: dispatch,
     toDate: toDate,
-    toDateString: toDateString
+    toDateString: toDateString,
+    isEmptyValue: isEmptyValue
   };
 };

package/esm/DateInput/DateInput.d.ts

@@ -3,11 +3,16 @@ import { InputProps } from '../Input';
 import { FormControlBaseProps } from '../@types/common';
 export interface DateInputProps extends Omit<InputProps, 'value' | 'onChange' | 'defaultValue'>, FormControlBaseProps<Date | null> {
     /**
-     * Format of the date when rendered in the input.
-     * Format of the string is based on Unicode Technical Standard: https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
+     * Format of the date when rendered in the input. Format of the string is based on Unicode Technical Standard.
+     *
+     * @see https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
      * @default 'yyyy-MM-dd'
      **/
     format?: string;
+    /**
+     * The `placeholder` prop defines the text displayed in a form control when the control has no value.
+     */
+    placeholder?: string;
 }
 /**
  * The DateInput component lets users select a date with the keyboard.

package/esm/DateInput/DateInput.js

@@ -1,12 +1,14 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React, { useState, useCallback, useRef, useMemo } from 'react';
+import React, { useState, useRef, useMemo } from 'react';
+import PropTypes from 'prop-types';
 import Input from '../Input';
-import { mergeRefs, useCustom, useControlled, safeSetSelection } from '../utils';
-import { getInputSelectedState, validateDateTime, getPatternGroups } from './utils';
+import { mergeRefs, useCustom, useControlled, useEventCallback } from '../utils';
+import { getInputSelectedState, validateDateTime, isFieldFullValue, useInputSelection } from './utils';
 import useDateInputState from './useDateInputState';
-var isTestEnvironment = undefined === 'test';
+import useKeyboardInputEvent from './useKeyboardInputEvent';
+import useIsFocused from './useIsFocused';
 /**
  * The DateInput component lets users select a date with the keyboard.
  * @version 5.58.0
@@ -17,9 +19,12 @@ var DateInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,
     valueProp = props.value,
     defaultValue = props.defaultValue,
+    placeholder = props.placeholder,
     onChange = props.onChange,
     onKeyDown = props.onKeyDown,
-    rest = _objectWithoutPropertiesLoose(props, ["format", "value", "defaultValue", "onChange", "onKeyDown"]);
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    rest = _objectWithoutPropertiesLoose(props, ["format", "value", "defaultValue", "placeholder", "onChange", "onKeyDown", "onBlur", "onFocus"]);
   var inputRef = useRef();
   var _useState = useState({
       selectedPattern: 'y',
@@ -30,14 +35,14 @@ var DateInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setSelectedState = _useState[1];
   var _useCustom = useCustom('Calendar'),
     locale = _useCustom.locale;
-  var localize = locale.dateLocale.localize;
+  var dateLocale = locale.dateLocale;
   var _useControlled = useControlled(valueProp, defaultValue),
     value = _useControlled[0],
     setValue = _useControlled[1],
     isControlled = _useControlled[2];
   var _useDateInputState = useDateInputState({
       formatStr: formatStr,
-      localize: localize,
+      locale: dateLocale,
       date: value,
       isControlledDate: isControlled
     }),
@@ -45,49 +50,36 @@ var DateInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setDateOffset = _useDateInputState.setDateOffset,
     setDateField = _useDateInputState.setDateField,
     getDateField = _useDateInputState.getDateField,
-    toDateString = _useDateInputState.toDateString;
+    toDateString = _useDateInputState.toDateString,
+    isEmptyValue = _useDateInputState.isEmptyValue;
   var dateString = toDateString();
   var keyPressOptions = useMemo(function () {
     return {
       formatStr: formatStr,
-      localize: localize,
+      localize: dateLocale.localize,
       selectedMonth: dateField.month,
       dateString: dateString
     };
-  }, [dateField, dateString, formatStr, localize]);
-  var setSelectionRange = useCallback(function (selectionStart, selectionEnd) {
-    if (selectionStart === void 0) {
-      selectionStart = selectedState.selectionStart;
-    }
-    if (selectionEnd === void 0) {
-      selectionEnd = selectedState.selectionEnd;
-    }
-    var input = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current;
-    if (isTestEnvironment) {
-      safeSetSelection(input, selectionStart, selectionEnd);
-      return;
-    }
-    requestAnimationFrame(function () {
-      safeSetSelection(input, selectionStart, selectionEnd);
-    });
-  }, [selectedState]);
-  var handleChange = useCallback(function (value, event) {
-    setValue(value);
+  }, [dateField, dateString, formatStr, dateLocale]);
+  var handleChange = useEventCallback(function (value, event) {
     onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
-  }, [onChange, setValue]);
-  var handleChangeField = useCallback(function (event, nextDirection) {
+    setValue(value);
+  });
+  var setSelectionRange = useInputSelection(inputRef);
+  var onSegmentChange = useEventCallback(function (event, nextDirection) {
     var input = event.target;
-    var direction = nextDirection || (event.key === 'ArrowRight' ? 'right' : 'left');
+    var key = event.key;
+    var direction = nextDirection || (key === 'ArrowRight' ? 'right' : 'left');
     var state = getInputSelectedState(_extends({}, keyPressOptions, {
       input: input,
       direction: direction
     }));
     setSelectionRange(state.selectionStart, state.selectionEnd);
     setSelectedState(state);
-  }, [keyPressOptions, setSelectionRange]);
-  var handleChangeFieldValue = useCallback(function (event) {
-    var key = event.key;
+  });
+  var onSegmentValueChange = useEventCallback(function (event) {
     var input = event.target;
+    var key = event.key;
     var offset = key === 'ArrowUp' ? 1 : -1;
     var state = getInputSelectedState(_extends({}, keyPressOptions, {
       input: input,
@@ -98,31 +90,10 @@ var DateInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return handleChange(date, event);
     });
     setSelectionRange(state.selectionStart, state.selectionEnd);
-  }, [handleChange, keyPressOptions, setDateOffset, setSelectionRange]);
-  var isFieldFullValue = useCallback(function (value, pattern) {
-    var patternGroup = getPatternGroups(formatStr, pattern);
-    if (value.toString().length === patternGroup.length) {
-      return true;
-    }
-    switch (pattern) {
-      case 'M':
-        return parseInt(value + "0") > 12;
-      case 'd':
-        return parseInt(value + "0") > 31;
-      case 'H':
-        return parseInt(value + "0") > 23;
-      case 'h':
-        return parseInt(value + "0") > 12;
-      case 'm':
-      case 's':
-        return parseInt(value + "0") > 59;
-      default:
-        return false;
-    }
-  }, [formatStr]);
-  var handleChangeFieldValueWithNumericKeys = useCallback(function (event) {
-    var key = event.key;
+  });
+  var onSegmentValueChangeWithNumericKeys = useEventCallback(function (event) {
     var input = event.target;
+    var key = event.key;
     var pattern = selectedState.selectedPattern;
     if (!pattern) {
       return;
@@ -155,61 +126,72 @@ var DateInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setSelectionRange(nextState.selectionStart, nextState.selectionEnd);
 
     // If the field is full value, move the cursor to the next field
-    if (isFieldFullValue(newValue, pattern) && input.selectionEnd !== input.value.length) {
-      handleChangeField(event, 'right');
+    if (isFieldFullValue(formatStr, newValue, pattern) && input.selectionEnd !== input.value.length) {
+      onSegmentChange(event, 'right');
     }
-  }, [dateField, getDateField, handleChange, handleChangeField, isFieldFullValue, keyPressOptions, selectedState.selectedPattern, setDateField, setSelectionRange]);
-  var handleRemoveFieldValue = useCallback(function (event) {
+  });
+  var onSegmentValueRemove = useEventCallback(function (event) {
+    var input = event.target;
     if (selectedState.selectedPattern) {
+      var nextState = getInputSelectedState(_extends({}, keyPressOptions, {
+        input: input,
+        valueOffset: null
+      }));
+      setSelectedState(nextState);
+      setSelectionRange(nextState.selectionStart, nextState.selectionEnd);
       setDateField(selectedState.selectedPattern, null, function (date) {
         return handleChange(date, event);
       });
-      setSelectionRange();
     }
-  }, [handleChange, selectedState, setDateField, setSelectionRange]);
-  var handleKeyDown = function handleKeyDown(event) {
-    var _key$match;
-    var key = event.key;
-    switch (key) {
-      case 'ArrowRight':
-      case 'ArrowLeft':
-        handleChangeField(event);
-        event.preventDefault();
-        break;
-      case 'ArrowUp':
-      case 'ArrowDown':
-        handleChangeFieldValue(event);
-        event.preventDefault();
-        break;
-      case 'Backspace':
-        handleRemoveFieldValue(event);
-        event.preventDefault();
-        break;
-      case (_key$match = key.match(/\d/)) === null || _key$match === void 0 ? void 0 : _key$match.input:
-        handleChangeFieldValueWithNumericKeys(event);
-        event.preventDefault();
-        break;
-    }
-    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
-  };
-  var handleClick = useCallback(function (event) {
+  });
+  var handleClick = useEventCallback(function (event) {
     var input = event.target;
     var state = getInputSelectedState(_extends({}, keyPressOptions, {
       input: input
     }));
     setSelectedState(state);
     setSelectionRange(state.selectionStart, state.selectionEnd);
-  }, [keyPressOptions, setSelectionRange]);
+  });
+  var onKeyboardInput = useKeyboardInputEvent({
+    onSegmentChange: onSegmentChange,
+    onSegmentValueChange: onSegmentValueChange,
+    onSegmentValueChangeWithNumericKeys: onSegmentValueChangeWithNumericKeys,
+    onSegmentValueRemove: onSegmentValueRemove,
+    onKeyDown: onKeyDown
+  });
+  var _useIsFocused = useIsFocused({
+      onBlur: onBlur,
+      onFocus: onFocus
+    }),
+    focused = _useIsFocused[0],
+    focusEventProps = _useIsFocused[1];
+  var renderedValue = useMemo(function () {
+    if (!isEmptyValue()) {
+      return dateString;
+    }
+    return !focused ? '' : dateString;
+  }, [dateString, focused, isEmptyValue]);
   return /*#__PURE__*/React.createElement(Input, _extends({
-    inputMode: "text",
+    inputMode: focused ? 'numeric' : 'text',
     autoComplete: "off",
     autoCorrect: "off",
     spellCheck: false,
     ref: mergeRefs(inputRef, ref),
-    onKeyDown: handleKeyDown,
+    onKeyDown: onKeyboardInput,
     onClick: handleClick,
-    value: dateString
-  }, rest));
+    value: renderedValue,
+    placeholder: placeholder || formatStr
+  }, focusEventProps, rest));
 });
 DateInput.displayName = 'DateInput';
+DateInput.propTypes = {
+  defaultValue: PropTypes.instanceOf(Date),
+  format: PropTypes.string,
+  value: PropTypes.instanceOf(Date),
+  placeholder: PropTypes.string,
+  onChange: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onBlur: PropTypes.func,
+  onFocus: PropTypes.func
+};
 export default DateInput;

package/esm/DateInput/index.d.ts

@@ -1,3 +1,7 @@
 import DateInput from './DateInput';
+export { useDateInputState } from './useDateInputState';
+export { useKeyboardInputEvent } from './useKeyboardInputEvent';
+export { useIsFocused } from './useIsFocused';
+export * from './utils';
 export type { DateInputProps } from './DateInput';
 export default DateInput;

package/esm/DateInput/index.js

@@ -1,3 +1,7 @@
 'use client';
 import DateInput from './DateInput';
+export { useDateInputState } from './useDateInputState';
+export { useKeyboardInputEvent } from './useKeyboardInputEvent';
+export { useIsFocused } from './useIsFocused';
+export * from './utils';
 export default DateInput;

package/esm/DateInput/useDateInputState.d.ts

@@ -1,11 +1,13 @@
+import { format } from '../utils/dateUtils';
 import type { Locale } from 'date-fns';
 interface DateInputState {
     formatStr: string;
-    localize: Locale['localize'];
+    formatDate?: typeof format;
+    locale: Locale;
     date?: Date | null;
     isControlledDate?: boolean;
 }
-declare function useDateInputState({ formatStr, localize, date, isControlledDate }: DateInputState): {
+export declare function useDateInputState({ formatStr, locale, date, isControlledDate }: DateInputState): {
     dateField: {
         year: any;
         format: string;
@@ -18,7 +20,6 @@ declare function useDateInputState({ formatStr, localize, date, isControlledDate
         hour: number | null;
         minute: number | null;
         second: number | null;
-        meridian: "AM" | "PM" | null;
         constructor: Function;
         toString(): string;
         toLocaleString(): string;
@@ -39,7 +40,6 @@ declare function useDateInputState({ formatStr, localize, date, isControlledDate
         hour: number | null;
         minute: number | null;
         second: number | null;
-        meridian: "AM" | "PM" | null;
         constructor: Function;
         toString(): string;
         toLocaleString(): string;
@@ -60,7 +60,6 @@ declare function useDateInputState({ formatStr, localize, date, isControlledDate
         hour: number | null;
         minute: number | null;
         second: number | null;
-        meridian: "AM" | "PM" | null;
         constructor: Function;
         toString(): string;
         toLocaleString(): string;
@@ -81,7 +80,6 @@ declare function useDateInputState({ formatStr, localize, date, isControlledDate
         day: number | null;
         minute: number | null;
         second: number | null;
-        meridian: "AM" | "PM" | null;
         constructor: Function;
         toString(): string;
         toLocaleString(): string;
@@ -102,7 +100,6 @@ declare function useDateInputState({ formatStr, localize, date, isControlledDate
         day: number | null;
         hour: number | null;
         second: number | null;
-        meridian: "AM" | "PM" | null;
         constructor: Function;
         toString(): string;
         toLocaleString(): string;
@@ -123,28 +120,6 @@ declare function useDateInputState({ formatStr, localize, date, isControlledDate
         day: number | null;
         hour: number | null;
         minute: number | null;
-        meridian: "AM" | "PM" | null;
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
-        should: Chai.Assertion;
-    } | {
-        meridian: any;
-        format: string;
-        patternArray: {
-            pattern: string;
-            key: string;
-        }[];
-        year: number | null;
-        month: number | null;
-        day: number | null;
-        hour: number | null;
-        minute: number | null;
-        second: number | null;
         constructor: Function;
         toString(): string;
         toLocaleString(): string;
@@ -154,12 +129,13 @@ declare function useDateInputState({ formatStr, localize, date, isControlledDate
         propertyIsEnumerable(v: PropertyKey): boolean;
         should: Chai.Assertion;
     };
-    setDateOffset: (pattern: string, offset: number, callback?: ((newDate: Date) => void) | undefined) => void;
-    setDateField: (pattern: string, value: number | null, callback?: ((newDate: Date) => void) | undefined) => void;
+    setDateOffset: (pattern: string, offset: number, callback?: ((newDate: Date | null) => void) | undefined) => void;
+    setDateField: (pattern: string, value: number | null, callback?: ((newDate: Date | null) => void) | undefined) => void;
     getDateField: (pattern: string) => {
         name: any;
         value: any;
     };
     toDateString: () => string;
+    isEmptyValue: (type?: string | undefined, value?: number | null | undefined) => boolean | undefined;
 };
 export default useDateInputState;