rsuite 5.75.0 → 6.0.0-canary-20241227

package/cjs/DateInput/DateField.js

@@ -1,16 +1,12 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.useDateField = exports.patternMap = exports.DateField = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
 var _react = require("react");
-var _isValid = _interopRequireDefault(require("date-fns/isValid"));
+var _isValid = require("date-fns/isValid");
 var _utils = require("./utils");
-var patternMap = exports.patternMap = {
+const patternMap = exports.patternMap = {
   y: 'year',
   M: 'month',
   d: 'day',
@@ -20,95 +16,99 @@ var patternMap = exports.patternMap = {
   s: 'second',
   a: 'meridiem'
 };
-var DateField = exports.DateField = /*#__PURE__*/function (_Object) {
-  function DateField(format, value) {
-    var _this;
-    _this = _Object.call(this) || this;
-    _this.format = void 0;
-    _this.patternArray = [];
-    _this.year = null;
-    _this.month = null;
-    _this.day = null;
-    _this.hour = null;
-    _this.minute = null;
-    _this.second = 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) {
+class DateField extends Object {
+  constructor(format, value) {
+    super();
+    this.format = void 0;
+    this.patternArray = [];
+    this.year = null;
+    this.month = null;
+    this.day = null;
+    this.hour = null;
+    this.minute = null;
+    this.second = null;
+    this.format = format;
+    const formatArray = format.match(new RegExp('([y|d|M|H|h|m|s|a])+', 'ig')) || [];
+    this.patternArray = formatArray.map(pattern => {
       return {
-        pattern: pattern,
+        pattern,
         key: patternMap[pattern[0]]
       };
     });
-    if (value && (0, _isValid.default)(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();
+    if (value && (0, _isValid.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();
     }
-    return _this;
   }
-  (0, _inheritsLoose2.default)(DateField, _Object);
-  return DateField;
-}(/*#__PURE__*/(0, _wrapNativeSuper2.default)(Object));
+}
+
 /**
  * Pad a number with zeros to the left.
  */
+exports.DateField = DateField;
 function padNumber(number, length) {
-  var numberString = String(number);
+  let numberString = String(number);
   if (numberString.length >= length) {
     return numberString;
   }
-  var paddingCount = length - numberString.length;
-  for (var i = 0; i < paddingCount; i++) {
+  const paddingCount = length - numberString.length;
+  for (let i = 0; i < paddingCount; i++) {
     numberString = '0' + numberString;
   }
   return numberString;
 }
-var useDateField = exports.useDateField = function useDateField(format, localize, date) {
-  var _useReducer = (0, _react.useReducer)(function (state, action) {
-      switch (action.type) {
-        case 'setYear':
-          return (0, _extends2.default)({}, state, {
-            year: action.value
-          });
-        case 'setMonth':
-          return (0, _extends2.default)({}, state, {
-            month: action.value
-          });
-        case 'setDay':
-          return (0, _extends2.default)({}, state, {
-            day: action.value
-          });
-        case 'setHour':
-          return (0, _extends2.default)({}, state, {
-            hour: action.value
-          });
-        case 'setMinute':
-          return (0, _extends2.default)({}, state, {
-            minute: action.value
-          });
-        case 'setSecond':
-          return (0, _extends2.default)({}, state, {
-            second: action.value
-          });
-        case 'setNewDate':
-          return new DateField(format, action.value);
-        default:
-          return state;
-      }
-    }, new DateField(format, date)),
-    dateField = _useReducer[0],
-    dispatch = _useReducer[1];
-  var toDateString = function toDateString() {
-    var str = format;
-    dateField.patternArray.forEach(function (item) {
-      var key = item.key,
-        pattern = item.pattern;
-      var hour = dateField.hour;
-      var value = dateField[key];
+const useDateField = (format, localize, date) => {
+  const [dateField, dispatch] = (0, _react.useReducer)((state, action) => {
+    switch (action.type) {
+      case 'setYear':
+        return {
+          ...state,
+          year: action.value
+        };
+      case 'setMonth':
+        return {
+          ...state,
+          month: action.value
+        };
+      case 'setDay':
+        return {
+          ...state,
+          day: action.value
+        };
+      case 'setHour':
+        return {
+          ...state,
+          hour: action.value
+        };
+      case 'setMinute':
+        return {
+          ...state,
+          minute: action.value
+        };
+      case 'setSecond':
+        return {
+          ...state,
+          second: action.value
+        };
+      case 'setNewDate':
+        return new DateField(format, action.value);
+      default:
+        return state;
+    }
+  }, new DateField(format, date));
+  const toDateString = () => {
+    let str = format;
+    dateField.patternArray.forEach(item => {
+      const {
+        key,
+        pattern
+      } = item;
+      const hour = dateField.hour;
+      let value = dateField[key];
       if (value !== null) {
         if (pattern === 'MMM' && typeof value === 'number') {
           value = localize === null || localize === void 0 ? void 0 : localize.month(value - 1, {
@@ -139,12 +139,12 @@ var useDateField = exports.useDateField = function useDateField(format, localize
   };
 
   // Check if the field value is valid.
-  var validFieldValue = function validFieldValue(type, value) {
+  const 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 || _format$match.forEach(function (pattern) {
-      var key = patternMap[pattern[0]];
-      var fieldValue = type === key ? value : dateField[key];
+    let isValid = true;
+    (_format$match = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))) === null || _format$match === void 0 || _format$match.forEach(pattern => {
+      const key = patternMap[pattern[0]];
+      const fieldValue = type === key ? value : dateField[key];
       if (fieldValue === null) {
         isValid = false;
         return;
@@ -152,25 +152,25 @@ var useDateField = exports.useDateField = function useDateField(format, localize
     });
     return isValid;
   };
-  var isEmptyValue = function isEmptyValue(type, value) {
+  const 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];
+    const 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(pattern => {
+      const key = patternMap[pattern[0]];
+      const fieldValue = type === key ? value : dateField[key];
       return fieldValue !== null;
     });
-    return checkValueArray === null || checkValueArray === void 0 ? void 0 : checkValueArray.every(function (item) {
-      return item === false;
-    });
+    return checkValueArray === null || checkValueArray === void 0 ? void 0 : checkValueArray.every(item => item === false);
   };
-  var toDate = function toDate(type, value) {
-    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' ? Math.max(month - 1, 0) : 0,
+  const toDate = (type, value) => {
+    const {
+      year,
+      month,
+      day,
+      hour,
+      minute,
+      second
+    } = dateField;
+    const date = new Date(year || 0, typeof month === 'number' ? Math.max(month - 1, 0) : 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') {
@@ -188,17 +188,18 @@ var useDateField = exports.useDateField = function useDateField(format, localize
       return new Date('');
     }
     if (type === 'meridiem' && typeof hour === 'number') {
-      var newHour = hour > 12 ? hour - 12 : hour + 12;
+      const newHour = hour > 12 ? hour - 12 : hour + 12;
       type = 'hour';
       value = newHour;
     }
     return (0, _utils.modifyDate)(date, type, value);
   };
   return {
-    dateField: dateField,
-    dispatch: dispatch,
-    toDate: toDate,
-    toDateString: toDateString,
-    isEmptyValue: isEmptyValue
+    dateField,
+    dispatch,
+    toDate,
+    toDateString,
+    isEmptyValue
   };
-};
+};
+exports.useDateField = useDateField;

package/cjs/DateInput/DateInput.js

@@ -5,101 +5,100 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Input = _interopRequireDefault(require("../Input"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _date = require("../internals/utils/date");
 var _utils2 = require("./utils");
 var _CustomProvider = require("../CustomProvider");
-var _useDateInputState2 = _interopRequireDefault(require("./hooks/useDateInputState"));
+var _useDateInputState = _interopRequireDefault(require("./hooks/useDateInputState"));
 var _useKeyboardInputEvent = _interopRequireDefault(require("./hooks/useKeyboardInputEvent"));
-var _useIsFocused2 = _interopRequireDefault(require("./hooks/useIsFocused"));
-var _useFieldCursor2 = _interopRequireDefault(require("./hooks/useFieldCursor"));
-var _useSelectedState2 = _interopRequireDefault(require("./hooks/useSelectedState"));
-var _excluded = ["format", "value", "defaultValue", "placeholder", "onChange", "onKeyDown", "onBlur", "onFocus", "onPaste"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+var _useIsFocused = _interopRequireDefault(require("./hooks/useIsFocused"));
+var _useFieldCursor = _interopRequireDefault(require("./hooks/useFieldCursor"));
+var _useSelectedState = _interopRequireDefault(require("./hooks/useSelectedState"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * The DateInput component lets users select a date with the keyboard.
  * @version 5.58.0
  * @see https://rsuitejs.com/components/date-input/
  */
-var DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _CustomProvider.useCustom)('DateInput', props),
-    propsWithDefaults = _useCustom.propsWithDefaults,
-    parseDate = _useCustom.parseDate,
-    getLocale = _useCustom.getLocale;
-  var _getLocale = getLocale('DateTimeFormats'),
-    dateLocale = _getLocale.dateLocale,
-    shortDateFormat = _getLocale.shortDateFormat;
-  var _propsWithDefaults$fo = propsWithDefaults.format,
-    formatStr = _propsWithDefaults$fo === void 0 ? shortDateFormat : _propsWithDefaults$fo,
-    valueProp = propsWithDefaults.value,
-    defaultValue = propsWithDefaults.defaultValue,
-    placeholder = propsWithDefaults.placeholder,
-    onChange = propsWithDefaults.onChange,
-    onKeyDown = propsWithDefaults.onKeyDown,
-    onBlur = propsWithDefaults.onBlur,
-    onFocus = propsWithDefaults.onFocus,
-    onPaste = propsWithDefaults.onPaste,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
-  var inputRef = (0, _react.useRef)();
-  var _useSelectedState = (0, _useSelectedState2.default)(),
-    selectedState = _useSelectedState.selectedState,
-    setSelectedState = _useSelectedState.setSelectedState;
-  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),
-    value = _useControlled[0],
-    setValue = _useControlled[1],
-    isControlled = _useControlled[2];
-  var _useDateInputState = (0, _useDateInputState2.default)({
-      formatStr: formatStr,
-      locale: dateLocale,
-      date: value,
-      isControlledDate: isControlled
-    }),
-    dateField = _useDateInputState.dateField,
-    setDateOffset = _useDateInputState.setDateOffset,
-    setDateField = _useDateInputState.setDateField,
-    setNewDate = _useDateInputState.setNewDate,
-    getDateField = _useDateInputState.getDateField,
-    toDateString = _useDateInputState.toDateString,
-    isEmptyValue = _useDateInputState.isEmptyValue;
-  var _useFieldCursor = (0, _useFieldCursor2.default)(formatStr, valueProp),
-    isMoveCursor = _useFieldCursor.isMoveCursor,
-    isResetValue = _useFieldCursor.isResetValue,
-    increment = _useFieldCursor.increment,
-    reset = _useFieldCursor.reset;
-  var dateString = toDateString();
-  var keyPressOptions = (0, _react.useMemo)(function () {
-    return {
-      formatStr: formatStr,
-      localize: dateLocale.localize,
-      selectedMonth: dateField.month,
-      dateString: dateString
-    };
-  }, [dateField, dateString, formatStr, dateLocale]);
-  var setSelectionRange = (0, _utils2.useInputSelection)(inputRef);
-  var handleChange = (0, _hooks.useEventCallback)(function (value, event) {
+const DateInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults,
+    parseDate,
+    getLocale
+  } = (0, _CustomProvider.useCustom)('DateInput', props);
+  const {
+    dateLocale,
+    shortDateFormat
+  } = getLocale('DateTimeFormats');
+  const {
+    format: formatStr = shortDateFormat,
+    value: valueProp,
+    defaultValue,
+    placeholder,
+    onChange,
+    onKeyDown,
+    onBlur,
+    onFocus,
+    onPaste,
+    ...rest
+  } = propsWithDefaults;
+  const inputRef = (0, _react.useRef)();
+  const {
+    selectedState,
+    setSelectedState
+  } = (0, _useSelectedState.default)();
+  const [value, setValue, isControlled] = (0, _hooks.useControlled)(valueProp, defaultValue);
+  const {
+    dateField,
+    setDateOffset,
+    setDateField,
+    setNewDate,
+    getDateField,
+    toDateString,
+    isEmptyValue
+  } = (0, _useDateInputState.default)({
+    formatStr,
+    locale: dateLocale,
+    date: value,
+    isControlledDate: isControlled
+  });
+  const {
+    isMoveCursor,
+    isResetValue,
+    increment,
+    reset
+  } = (0, _useFieldCursor.default)(formatStr, valueProp);
+  const dateString = toDateString();
+  const keyPressOptions = (0, _react.useMemo)(() => ({
+    formatStr,
+    localize: dateLocale.localize,
+    selectedMonth: dateField.month,
+    dateString
+  }), [dateField, dateString, formatStr, dateLocale]);
+  const setSelectionRange = (0, _utils2.useInputSelection)(inputRef);
+  const handleChange = (0, _hooks.useEventCallback)((value, event) => {
     onChange === null || onChange === void 0 || onChange(value, event);
     setValue(value);
   });
-  var handleClear = (0, _hooks.useEventCallback)(function (event) {
+  const handleClear = (0, _hooks.useEventCallback)(event => {
     handleChange(null, event);
     setNewDate(null);
     setSelectionRange(0, 0);
     reset();
   });
-  var onSegmentChange = (0, _hooks.useEventCallback)(function (event, nextDirection) {
-    var input = event.target;
-    var key = event.key;
-    var direction = nextDirection || (key === 'ArrowRight' ? 'right' : 'left');
-    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {
-      input: input,
-      direction: direction
-    }));
+  const onSegmentChange = (0, _hooks.useEventCallback)((event, nextDirection) => {
+    const input = event.target;
+    const key = event.key;
+    const direction = nextDirection || (key === 'ArrowRight' ? 'right' : 'left');
+    const state = (0, _utils2.getInputSelectedState)({
+      ...keyPressOptions,
+      input,
+      direction
+    });
     setSelectedState(state);
     setSelectionRange(state.selectionStart, state.selectionEnd);
 
@@ -108,46 +107,44 @@ var DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       reset();
     }
   });
-  var onSegmentValueChange = (0, _hooks.useEventCallback)(function (event) {
-    var input = event.target;
-    var key = event.key;
-    var offset = key === 'ArrowUp' ? 1 : -1;
-    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {
-      input: input,
+  const onSegmentValueChange = (0, _hooks.useEventCallback)(event => {
+    const input = event.target;
+    const key = event.key;
+    const offset = key === 'ArrowUp' ? 1 : -1;
+    const state = (0, _utils2.getInputSelectedState)({
+      ...keyPressOptions,
+      input,
       valueOffset: offset
-    }));
-    setSelectedState(state);
-    setDateOffset(state.selectedPattern, offset, function (date) {
-      return handleChange(date, event);
     });
+    setSelectedState(state);
+    setDateOffset(state.selectedPattern, offset, date => handleChange(date, event));
     setSelectionRange(state.selectionStart, state.selectionEnd);
   });
-  var onSegmentValueChangeWithNumericKeys = (0, _hooks.useEventCallback)(function (event) {
-    var input = event.target;
-    var key = event.key;
-    var pattern = selectedState.selectedPattern;
+  const onSegmentValueChangeWithNumericKeys = (0, _hooks.useEventCallback)(event => {
+    const input = event.target;
+    const key = event.key;
+    const pattern = selectedState.selectedPattern;
     if (!pattern) {
       return;
     }
-    var field = getDateField(pattern);
-    var value = parseInt(key, 10);
-    var padValue = parseInt("" + (field.value || '') + key, 10);
-    var newValue = value;
+    const field = getDateField(pattern);
+    const value = parseInt(key, 10);
+    const padValue = parseInt(`${field.value || ''}${key}`, 10);
+    let newValue = value;
     if ((0, _utils2.validateDateTime)(field.name, padValue) && !isResetValue()) {
       // Check if the value entered by the user is a valid date
       newValue = padValue;
     }
-    setDateField(pattern, newValue, function (date) {
-      return handleChange(date, event);
-    });
+    setDateField(pattern, newValue, date => handleChange(date, event));
 
     // The currently selected month will be retained as a parameter of getInputSelectedState,
     // but if the user enters a month, the month value will be replaced with the value entered by the user.
-    var selectedMonth = pattern === 'M' ? newValue : dateField.month;
-    var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {
-      input: input,
-      selectedMonth: selectedMonth
-    }));
+    const selectedMonth = pattern === 'M' ? newValue : dateField.month;
+    const nextState = (0, _utils2.getInputSelectedState)({
+      ...keyPressOptions,
+      input,
+      selectedMonth
+    });
     setSelectedState(nextState);
     setSelectionRange(nextState.selectionStart, nextState.selectionEnd);
     increment();
@@ -157,62 +154,60 @@ var DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onSegmentChange(event, 'right');
     }
   });
-  var onSegmentValueRemove = (0, _hooks.useEventCallback)(function (event) {
-    var input = event.target;
-    var value = input.value;
+  const onSegmentValueRemove = (0, _hooks.useEventCallback)(event => {
+    const input = event.target;
+    const value = input.value;
 
     // If the text is all selected, clear the value
     if (input.selectionStart === 0 && value && input.selectionEnd === value.length) {
       handleClear(event);
     } else if (selectedState.selectedPattern) {
-      var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {
-        input: input,
+      const nextState = (0, _utils2.getInputSelectedState)({
+        ...keyPressOptions,
+        input,
         valueOffset: null
-      }));
+      });
       setSelectedState(nextState);
       setSelectionRange(nextState.selectionStart, nextState.selectionEnd);
-      setDateField(selectedState.selectedPattern, null, function (date) {
-        return handleChange(date, event);
-      });
+      setDateField(selectedState.selectedPattern, null, date => handleChange(date, event));
       reset();
     }
   });
-  var handleClick = (0, _hooks.useEventCallback)(function (event) {
-    var input = event.target;
-    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {
-      input: input
-    }));
+  const handleClick = (0, _hooks.useEventCallback)(event => {
+    const input = event.target;
+    const state = (0, _utils2.getInputSelectedState)({
+      ...keyPressOptions,
+      input
+    });
     setSelectedState(state);
     setSelectionRange(state.selectionStart, state.selectionEnd);
     if (selectedState.selectedPattern !== state.selectedPattern) {
       reset();
     }
   });
-  var handlePaste = (0, _hooks.useEventCallback)(function (event) {
+  const handlePaste = (0, _hooks.useEventCallback)(event => {
     var _event$clipboardData;
     event.preventDefault();
-    var pasteText = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData('text');
-    var nextDate = parseDate(pasteText, formatStr);
+    const pasteText = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData('text');
+    const nextDate = parseDate(pasteText, formatStr);
     if ((0, _date.isValid)(nextDate)) {
       handleChange(nextDate, event);
       setNewDate(nextDate);
     }
     onPaste === null || onPaste === void 0 || onPaste(event);
   });
-  var onKeyboardInput = (0, _useKeyboardInputEvent.default)({
-    onSegmentChange: onSegmentChange,
-    onSegmentValueChange: onSegmentValueChange,
-    onSegmentValueChangeWithNumericKeys: onSegmentValueChangeWithNumericKeys,
-    onSegmentValueRemove: onSegmentValueRemove,
-    onKeyDown: onKeyDown
+  const onKeyboardInput = (0, _useKeyboardInputEvent.default)({
+    onSegmentChange,
+    onSegmentValueChange,
+    onSegmentValueChangeWithNumericKeys,
+    onSegmentValueRemove,
+    onKeyDown
+  });
+  const [focused, focusEventProps] = (0, _useIsFocused.default)({
+    onBlur,
+    onFocus
   });
-  var _useIsFocused = (0, _useIsFocused2.default)({
-      onBlur: onBlur,
-      onFocus: onFocus
-    }),
-    focused = _useIsFocused[0],
-    focusEventProps = _useIsFocused[1];
-  var renderedValue = (0, _react.useMemo)(function () {
+  const renderedValue = (0, _react.useMemo)(() => {
     if (!isEmptyValue()) {
       return dateString;
     }
@@ -232,14 +227,4 @@ var DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, focusEventProps, rest));
 });
 DateInput.displayName = 'DateInput';
-DateInput.propTypes = {
-  defaultValue: _propTypes.default.instanceOf(Date),
-  format: _propTypes.default.string,
-  value: _propTypes.default.instanceOf(Date),
-  placeholder: _propTypes.default.string,
-  onChange: _propTypes.default.func,
-  onKeyDown: _propTypes.default.func,
-  onBlur: _propTypes.default.func,
-  onFocus: _propTypes.default.func
-};
 var _default = exports.default = DateInput;