@dreamcommerce/aurora 3.1.52-1 → 3.1.52

package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useTranslation = require('../../../../../external/react-i18next/dist/es/useTranslation.js');
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../utilities/cn.js');
 var popover = require('../popover/popover.js');
-var time_picker_utils = require('./time_picker_utils.js');
+var popover_trigger = require('../popover/components/popover_trigger.js');
 var time_picker_input = require('./components/time_picker_input.js');
+var time_picker_utils = require('./time_picker_utils.js');
 var time_picker_content = require('./components/time_picker_content.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -26,25 +28,14 @@ var TimePicker = function TimePicker(_ref) {
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  var _useState3 = React.useState(''),
+  var _useState3 = React.useState(null),
     _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    inputValue = _useState4[0],
-    setInputValue = _useState4[1];
-  var _useState5 = React.useState(function () {
-      var _parsed$hour, _parsed$minute;
-      if (!value) return {
-        hour: null,
-        minute: null
-      };
-      var parsed = time_picker_utils.TimePickerUtils.parseStringToTime(value);
-      return {
-        hour: (_parsed$hour = parsed === null || parsed === void 0 ? void 0 : parsed.hour) !== null && _parsed$hour !== void 0 ? _parsed$hour : null,
-        minute: (_parsed$minute = parsed === null || parsed === void 0 ? void 0 : parsed.minute) !== null && _parsed$minute !== void 0 ? _parsed$minute : null
-      };
-    }),
+    tempHour = _useState4[0],
+    setTempHour = _useState4[1];
+  var _useState5 = React.useState(null),
     _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-    tempTime = _useState6[0],
-    setTempTime = _useState6[1];
+    tempMinute = _useState6[0],
+    setTempMinute = _useState6[1];
   var _useState7 = React.useState(undefined),
     _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
     validationError = _useState8[0],
@@ -56,19 +47,20 @@ var TimePicker = function TimePicker(_ref) {
   var parsedTime = React.useMemo(function () {
     return value ? time_picker_utils.TimePickerUtils.parseStringToTime(value) : undefined;
   }, [value]);
-  React.useEffect(function () {
-    if (!open) {
-      var _parsedTime$hour, _parsedTime$minute;
-      setTempTime({
-        hour: (_parsedTime$hour = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.hour) !== null && _parsedTime$hour !== void 0 ? _parsedTime$hour : null,
-        minute: (_parsedTime$minute = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.minute) !== null && _parsedTime$minute !== void 0 ? _parsedTime$minute : null
-      });
+  var formatTempForDisplay = function formatTempForDisplay(hour, minute) {
+    if (hour === null && minute === null) {
+      return '';
     }
-  }, [parsedTime, open]);
+    var hourStr = hour === null ? t('gg') : String(hour).padStart(2, '0');
+    var minuteStr = minute === null ? 'mm' : String(minute).padStart(2, '0');
+    return "".concat(hourStr, ":").concat(minuteStr);
+  };
   var displayValue = React.useMemo(function () {
-    if (!parsedTime) return inputValue;
-    return time_picker_utils.TimePickerUtils.formatTimeForDisplay(parsedTime.hour, parsedTime.minute);
-  }, [parsedTime, inputValue]);
+    if (open) {
+      return formatTempForDisplay(tempHour, tempMinute);
+    }
+    return parsedTime ? time_picker_utils.TimePickerUtils.formatTimeForDisplay(parsedTime.hour, parsedTime.minute) : '';
+  }, [open, tempHour, tempMinute, parsedTime]);
   var mergedErrors = React.useMemo(function () {
     if (validationError && errors) {
       return Array.isArray(errors) ? [validationError].concat(_rollupPluginBabelHelpers.toConsumableArray(errors)) : [validationError, errors];
@@ -77,76 +69,58 @@ var TimePicker = function TimePicker(_ref) {
     return errors;
   }, [errors, validationError]);
   var initializeTempValues = function initializeTempValues() {
-    var _parsedTime$hour2, _parsedTime$minute2;
-    setTempTime({
-      hour: (_parsedTime$hour2 = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.hour) !== null && _parsedTime$hour2 !== void 0 ? _parsedTime$hour2 : null,
-      minute: (_parsedTime$minute2 = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.minute) !== null && _parsedTime$minute2 !== void 0 ? _parsedTime$minute2 : null
-    });
+    var _parsedTime$hour, _parsedTime$minute;
+    setTempHour((_parsedTime$hour = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.hour) !== null && _parsedTime$hour !== void 0 ? _parsedTime$hour : null);
+    setTempMinute((_parsedTime$minute = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.minute) !== null && _parsedTime$minute !== void 0 ? _parsedTime$minute : null);
     setValidationError(undefined);
   };
   var saveValue = function saveValue() {
-    if (tempTime.hour === null && tempTime.minute === null) {
+    if (tempHour === null && tempMinute === null) {
       onChange === null || onChange === void 0 ? void 0 : onChange('');
       setValidationError(undefined);
-      setInputValue('');
       return true;
     }
-    if (tempTime.hour === null || tempTime.minute === null) {
-      // Error only for triggering the validation error state not displaying it to the user
+    if (tempHour === null || tempMinute === null) {
+      // Added error message just to trigger the error state, not showing error message to the user
       setValidationError('Select both hour and minute');
       return false;
     }
-    var formattedValue = time_picker_utils.TimePickerUtils.formatTimeToString(tempTime.hour, tempTime.minute);
+    var formattedValue = time_picker_utils.TimePickerUtils.formatTimeToString(tempHour, tempMinute);
     onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
     setValidationError(undefined);
-    setInputValue('');
     return true;
   };
   var handleHourChange = function handleHourChange(hour) {
-    setTempTime(function (prev) {
-      var newTime = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prev), {}, {
-        hour: hour
-      });
-      if (hour === null && prev.minute === null) {
+    setTempHour(hour);
+    if (hour === null) {
+      if (tempMinute === null) {
         setValidationError(undefined);
-        return newTime;
       }
-      if (hour !== null && prev.minute === null) {
-        setValidationError(undefined);
-        return {
-          hour: hour,
-          minute: 0
-        };
+    } else {
+      if (tempMinute === null) {
+        setTempMinute(0);
       }
       setValidationError(undefined);
-      return newTime;
-    });
+    }
   };
   var handleMinuteChange = function handleMinuteChange(minute) {
-    setTempTime(function (prev) {
-      var newTime = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prev), {}, {
-        minute: minute
-      });
-      if (minute === null && prev.hour === null) {
+    setTempMinute(minute);
+    if (minute === null) {
+      if (tempHour === null) {
         setValidationError(undefined);
-        return newTime;
       }
-      if (minute !== null && prev.hour === null) {
-        setValidationError(undefined);
-        return {
-          hour: 0,
-          minute: minute
-        };
+    } else {
+      // Auto-set hour if it was null, then clear error since both are now set
+      if (tempHour === null) {
+        setTempHour(0);
       }
       setValidationError(undefined);
-      return newTime;
-    });
+    }
   };
   var handleOpenChange = function handleOpenChange(newOpen) {
     if (newOpen) {
       isCancelledRef.current = false;
       initializeTempValues();
-      setInputValue('');
       setOpen(true);
     } else if (!isCancelledRef.current && !saveValue()) {
       setOpen(true);
@@ -157,7 +131,6 @@ var TimePicker = function TimePicker(_ref) {
   var handleCancel = function handleCancel() {
     isCancelledRef.current = true;
     initializeTempValues();
-    setInputValue('');
     setOpen(false);
   };
   var handleChoose = function handleChoose() {
@@ -166,29 +139,21 @@ var TimePicker = function TimePicker(_ref) {
       setOpen(false);
     }
   };
-  var handleInputChange = function handleInputChange(event) {
-    var typedValue = event.target.value;
-    setInputValue(typedValue);
-    var parsed = time_picker_utils.TimePickerUtils.parseStringToTime(typedValue);
-    if (parsed) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(typedValue);
-    } else {
-      onChange === null || onChange === void 0 ? void 0 : onChange('');
-    }
-  };
   return /*#__PURE__*/React__default['default'].createElement(popover.Popover, {
     open: open,
     onOpenChange: handleOpenChange
+  }, /*#__PURE__*/React__default['default'].createElement(popover_trigger.PopoverTrigger, {
+    className: cn.cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'),
+    disabled: disabled
   }, /*#__PURE__*/React__default['default'].createElement(time_picker_input.TimePickerInput, {
     id: id,
     value: displayValue,
     placeholder: placeholder,
     disabled: disabled,
-    errors: mergedErrors,
-    onChange: handleInputChange
-  }), /*#__PURE__*/React__default['default'].createElement(time_picker_content.TimePickerContent, {
-    hour: tempTime.hour,
-    minute: tempTime.minute,
+    errors: mergedErrors
+  })), /*#__PURE__*/React__default['default'].createElement(time_picker_content.TimePickerContent, {
+    hour: tempHour,
+    minute: tempMinute,
     onHourChange: handleHourChange,
     onMinuteChange: handleMinuteChange,
     onCancel: handleCancel,

package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js

@@ -5,16 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 
 var _TimePickerUtils;
-var MASK_POSITIONS = {
-  HOUR: 0,
-  MINUTE: 3
-};
 var TimePickerUtils = /*#__PURE__*/_rollupPluginBabelHelpers.createClass(function TimePickerUtils() {
   _rollupPluginBabelHelpers.classCallCheck(this, TimePickerUtils);
 });
 _TimePickerUtils = TimePickerUtils;
 _rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "parseStringToTime", function (value) {
-  if (!value || value.includes('_')) return undefined;
+  if (!value) return undefined;
   var parts = value.split(':');
   if (parts.length < 2) return undefined;
   var hour = parseInt(parts[0], 10);
@@ -57,63 +53,6 @@ _rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "generateTimeOptions",
     return String(i).padStart(2, '0');
   });
 });
-_rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "replaceCharWithPlaceholder", function (value, position) {
-  return value.substring(0, position) + '_' + value.substring(position + 1);
-});
-_rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "validateTwoDigitValue", function (value, startPos, firstDigit, maxSecondDigit) {
-  if (value.length < startPos + 2) return {
-    valid: true,
-    keepFirst: false
-  };
-  var first = value[startPos];
-  var second = value[startPos + 1];
-  if (second === '_') return {
-    valid: true,
-    keepFirst: false
-  };
-  if (first === firstDigit && parseInt(second) > maxSecondDigit) {
-    return {
-      valid: false,
-      keepFirst: true
-    };
-  }
-  return {
-    valid: true,
-    keepFirst: false
-  };
-});
-_rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "validateHourAtPosition", function (value, hourStartPos) {
-  return _TimePickerUtils.validateTwoDigitValue(value, hourStartPos, '2', 3);
-});
-_rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "handleInvalidInput", function (validation, value, currentValue, position, currentSelection, fallbackSelection) {
-  if (validation.keepFirst) {
-    var newValue = _TimePickerUtils.replaceCharWithPlaceholder(value, position + 1);
-    return {
-      value: newValue,
-      selection: {
-        start: position + 1,
-        end: position + 1
-      }
-    };
-  }
-  return {
-    value: currentValue,
-    selection: currentSelection || fallbackSelection || {
-      start: null,
-      end: null
-    }
-  };
-});
-_rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "validateTimeMask", function (nextState, currentState) {
-  var value = nextState.value,
-    selection = nextState.selection;
-  var currentValue = (currentState === null || currentState === void 0 ? void 0 : currentState.value) || '';
-  var hourValidation = _TimePickerUtils.validateHourAtPosition(value, MASK_POSITIONS.HOUR);
-  if (!hourValidation.valid) {
-    return _TimePickerUtils.handleInvalidInput(hourValidation, value, currentValue, MASK_POSITIONS.HOUR, currentState === null || currentState === void 0 ? void 0 : currentState.selection, selection);
-  }
-  return nextState;
-});
 
 exports.TimePickerUtils = TimePickerUtils;
 //# sourceMappingURL=time_picker_utils.js.map

package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/index.js

@@ -96,7 +96,6 @@ var _switch = require('./components/switch/switch.js');
 var switch_control = require('./components/controls/switch_control/switch_control.js');
 var input = require('./components/input/input.js');
 var input_control = require('./components/controls/input_control/input_control.js');
-var input_mask = require('./components/input_mask/input_mask.js');
 var color_picker_constants = require('./components/color_picker/color_picker_constants.js');
 var color_picker_utils = require('./components/color_picker/color_picker_utils.js');
 var color_picker = require('./components/color_picker/color_picker.js');
@@ -255,7 +254,6 @@ exports.Switch = _switch.Switch;
 exports.SwitchControl = switch_control.SwitchControl;
 exports.Input = input.Input;
 exports.InputControl = input_control.InputControl;
-exports.InputMask = input_mask.InputMask;
 exports.GRADIENT_TYPES = color_picker_constants.GRADIENT_TYPES;
 exports.ColorPickerUtils = color_picker_utils.ColorPickerUtils;
 exports.ColorPicker = color_picker.ColorPicker;

package/build/cjs/packages/aurora/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/translations/en.json.js

@@ -114,10 +114,7 @@ var en = {
 	neutralColors800: neutralColors800,
 	neutralColors900: neutralColors900,
 	neutralColors1000: neutralColors1000,
-	gg: gg,
-	"dd.mm.yyyy": "dd.mm.yyyy",
-	"dd.mm.yyyy - dd.mm.yyyy": "dd.mm.yyyy - dd.mm.yyyy",
-	"This date isn't available. Choose another one.": "This date isn't available. Choose another one."
+	gg: gg
 };
 
 exports.Cancel = Cancel;

package/build/cjs/packages/aurora/src/translations/en.json.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/translations/pl.json.js

@@ -114,10 +114,7 @@ var pl = {
 	neutralColors800: neutralColors800,
 	neutralColors900: neutralColors900,
 	neutralColors1000: neutralColors1000,
-	gg: gg,
-	"dd.mm.yyyy": "dd.mm.rrrr",
-	"dd.mm.yyyy - dd.mm.yyyy": "dd.mm.rrrr - dd.mm.rrrr",
-	"This date isn't available. Choose another one.": "Wprowadzona data jest niedostępna, wybierz inną datę."
+	gg: gg
 };
 
 exports.Cancel = Cancel;

package/build/cjs/packages/aurora/src/translations/pl.json.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js

@@ -43,7 +43,7 @@ var StyledDayPicker = function StyledDayPicker(_ref) {
       weekdays: 'aurora-text-subtle-light aurora-text-xs aurora-font-normal aurora-capitalize',
       weekday: 'aurora-font-normal',
       // Day cells
-      day: 'aurora-h-8 aurora-w-8 aurora-rounded-4 aurora-p-0 focus-visible:aurora-outline-none focus-visible:aurora-ring-2 focus-visible:aurora-ring-primary aurora-cursor-pointer hover:aurora-bg-hover active:aurora-bg-active',
+      day: 'aurora-h-8 aurora-w-8 aurora-rounded-4 focus-visible:aurora-outline-none focus-visible:aurora-ring-2 focus-visible:aurora-ring-primary aurora-cursor-pointer hover:aurora-bg-hover active:aurora-bg-active',
       day_button: 'aurora-w-full aurora-h-full',
       selected: 'aurora-bg-inverse aurora-text-inverse hover:aurora-bg-inverse aurora-day-selected',
       today: 'aurora-bg-primary-subtle [&.aurora-day-selected:not(.aurora-day-range-middle)]:!aurora-bg-inverse [&.aurora-day-selected:not(.aurora-day-range-middle)]:!aurora-text-inverse',

package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js

@@ -36,6 +36,7 @@ var ColorPickerPure = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
     setIsColorPickerOpened(false);
   };
   return /*#__PURE__*/React__default.createElement(Popover, {
+    modal: true,
     open: isColorPickerOpened,
     onOpenChange: function onOpenChange(value) {
       return !value && handleClosePopover();

package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,qFAAyF;AACxH,iCAAiC,iFAAqF;AACtH,0BAA0B,uFAA2F;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,qFAAyF;AACxH,iCAAiC,iFAAqF;AACtH,0BAA0B,uFAA2F;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js

@@ -9,7 +9,6 @@ import { ValuesSyncer } from '../../values_syncer/values_syncer.js';
 var ValuesSyncerControlInternal = function ValuesSyncerControlInternal(_ref, ref) {
   var label = _ref.label,
     _ref$required = _ref.required,
-    required = _ref$required === void 0 ? false : _ref$required,
     tooltip = _ref.tooltip,
     errors = _ref.errors,
     firstControl = _ref.firstControl,
@@ -25,10 +24,9 @@ var ValuesSyncerControlInternal = function ValuesSyncerControlInternal(_ref, ref
     className = _ref.className;
   return /*#__PURE__*/React__default.createElement(Control, {
     classname: "aurora-flex-col"
-  }, label ? (/*#__PURE__*/React__default.createElement(Label, {
-    tooltip: tooltip,
-    required: required
-  }, label)) : null, /*#__PURE__*/React__default.createElement(ValuesSyncer, {
+  }, label ? /*#__PURE__*/React__default.createElement(Label, {
+    tooltip: tooltip
+  }, label) : null, /*#__PURE__*/React__default.createElement(ValuesSyncer, {
     firstControl: firstControl,
     secondControl: secondControl,
     firstValue: firstValue,

package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.js

@@ -30,34 +30,45 @@ var DateTimePicker = function DateTimePicker(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     internalTime = _useState4[0],
     setInternalTime = _useState4[1];
-  var isInternalChangeRef = useRef(false);
-  // Sync with external value changes (but not internal ones)
+  var dateRef = useRef(parsedValue.date);
+  var timeRef = useRef(parsedValue.time);
+  var lastValueRef = useRef(value);
   useEffect(function () {
-    if (!isInternalChangeRef.current) {
+    if (value !== lastValueRef.current) {
+      lastValueRef.current = value;
       setInternalDate(parsedValue.date);
       setInternalTime(parsedValue.time);
+      dateRef.current = parsedValue.date;
+      timeRef.current = parsedValue.time;
     }
-    isInternalChangeRef.current = false;
-  }, [parsedValue.date, parsedValue.time]);
-  var emitChange = useCallback(function (date, time) {
-    if (date && time) {
-      var formattedValue = DateTimePickerUtils.formatDateTimeToString(date, time);
-      isInternalChangeRef.current = true;
+  }, [value, parsedValue]);
+  var handleDateChange = useCallback(function (date) {
+    dateRef.current = date;
+    setInternalDate(date);
+    var currentTime = timeRef.current;
+    if (date && currentTime) {
+      var formattedValue = DateTimePickerUtils.formatDateTimeToString(date, currentTime);
+      lastValueRef.current = formattedValue;
       onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
     } else {
-      isInternalChangeRef.current = true;
+      lastValueRef.current = '';
       onChange === null || onChange === void 0 ? void 0 : onChange('');
     }
   }, [onChange]);
-  var handleDateChange = useCallback(function (date) {
-    setInternalDate(date);
-    emitChange(date, internalTime);
-  }, [internalTime, emitChange]);
   var handleTimeChange = useCallback(function (time) {
     var timeValue = time || undefined;
+    timeRef.current = timeValue;
     setInternalTime(timeValue);
-    emitChange(internalDate, timeValue);
-  }, [internalDate, emitChange]);
+    var currentDate = dateRef.current;
+    if (currentDate && timeValue) {
+      var formattedValue = DateTimePickerUtils.formatDateTimeToString(currentDate, timeValue);
+      lastValueRef.current = formattedValue;
+      onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
+    } else {
+      lastValueRef.current = '';
+      onChange === null || onChange === void 0 ? void 0 : onChange('');
+    }
+  }, [onChange]);
   return /*#__PURE__*/React__default.createElement(Stack, {
     direction: "row",
     spacing: "3",

package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
 import { TInputProps } from "../../input/input_types";
-import type { Mode } from 'react-day-picker';
 export interface DatePickerInputProps extends TInputProps {
-    mode?: Mode;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
-export declare const DatePickerInput: ({ id, value, placeholder, disabled, errors, onChange, mode }: DatePickerInputProps) => React.JSX.Element;
+export declare const DatePickerInput: ({ id, value, placeholder, disabled, errors }: DatePickerInputProps) => React.JSX.Element;

package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js

@@ -1,60 +1,28 @@
 import React__default from 'react';
-import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
-import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { PopoverTrigger } from '../../popover/components/popover_trigger.js';
 import { Input } from '../../input/input.js';
-import { InputMask } from '../../input_mask/input_mask.js';
 import { CalendarEventFillIcon } from '../../../assets/icons/calendar_event_fill.js';
-import { DatePickerUtils } from '../date_picker_utils.js';
 
 var DatePickerInput = function DatePickerInput(_ref) {
   var id = _ref.id,
     value = _ref.value,
     placeholder = _ref.placeholder,
     disabled = _ref.disabled,
-    errors = _ref.errors,
-    onChange = _ref.onChange,
-    _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'single' : _ref$mode;
-  var _useTranslation = useTranslation(),
-    _useTranslation2 = _slicedToArray(_useTranslation, 1),
-    t = _useTranslation2[0];
-  var mask = mode === 'range' ? 'dD.mM.yY99 - dD.mM.yY99' : 'dD.mM.yY99';
-  var defaultPlaceholder = mode === 'range' ? t('dd.mm.yyyy - dd.mm.yyyy') : t('dd.mm.yyyy');
-  var formatChars = {
-    d: /[0-3]/,
-    D: /[0-9]/,
-    m: /[0-1]/,
-    M: /[0-9]/,
-    y: /[1-2]/,
-    Y: /[09]/
-  };
-  var handleBeforeMaskedStateChange = function handleBeforeMaskedStateChange(_ref2) {
-    var currentState = _ref2.currentState,
-      nextState = _ref2.nextState;
-    return DatePickerUtils.validateDateMask(nextState, currentState, mode);
-  };
-  return /*#__PURE__*/React__default.createElement(InputMask, {
-    mask: mask,
-    maskPlaceholder: "_",
-    formatChars: formatChars,
-    value: value || '',
-    onChange: onChange,
-    disabled: disabled,
-    beforeMaskedStateChange: handleBeforeMaskedStateChange
-  }, /*#__PURE__*/React__default.createElement(Input, {
+    errors = _ref.errors;
+  return /*#__PURE__*/React__default.createElement(Input, {
     id: id,
+    value: value,
     errors: errors,
-    placeholder: placeholder || defaultPlaceholder,
-    postElement: /*#__PURE__*/React__default.createElement(PopoverTrigger, {
-      disabled: disabled
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "aurora-flex aurora-h-full aurora-items-center aurora-cursor-pointer aurora-border-0 aurora-bg-transparent aurora-px-1 aurora-py-2 aurora-rounded-4 focus:aurora-outline-primary-hover"
+    readOnly: true,
+    disabled: disabled,
+    placeholder: placeholder,
+    hasCursorPointer: true,
+    postElement: /*#__PURE__*/React__default.createElement("div", {
+      className: "aurora-flex aurora-h-full aurora-items-center aurora-cursor-pointer aurora-border-0 aurora-bg-transparent aurora-p-1 aurora-rounded-4 focus:aurora-outline-primary-hover"
     }, /*#__PURE__*/React__default.createElement(CalendarEventFillIcon, {
       size: 14,
       className: "aurora-text"
-    })))
-  }));
+    }))
+  });
 };
 
 export { DatePickerInput };

package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/date_picker/date_picker.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { DatePickerProps } from './date_picker_types';
-export declare const DatePicker: ({ id, mode, placeholder, disabled, errors, value, onChange, disabledDays, startMonth, endMonth, ...dayPickerProps }: DatePickerProps) => React.JSX.Element;
+export declare const DatePicker: ({ id, mode, placeholder, disabled, errors, value, onChange, disabledDays, ...dayPickerProps }: DatePickerProps) => React.JSX.Element;