@dreamcommerce/aurora 3.1.52-1 → 3.1.52

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

@@ -1,13 +1,13 @@
 import React__default, { useState, useMemo } from 'react';
-import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, typeof as _typeof, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { ErrorList } from '../error_list/error_list.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../utilities/cn.js';
 import { Popover } from '../popover/popover.js';
-import { DatePickerUtils } from './date_picker_utils.js';
+import { PopoverTrigger } from '../popover/components/popover_trigger.js';
 import { DatePickerInput } from './components/date_picker_input.js';
 import { DatePickerContent } from './components/date_picker_content.js';
+import { DatePickerUtils } from './date_picker_utils.js';
 
-var _excluded = ["id", "mode", "placeholder", "disabled", "errors", "value", "onChange", "disabledDays", "startMonth", "endMonth"];
+var _excluded = ["id", "mode", "placeholder", "disabled", "errors", "value", "onChange", "disabledDays"];
 var DatePicker = function DatePicker(_ref) {
   var id = _ref.id,
     _ref$mode = _ref.mode,
@@ -18,112 +18,42 @@ var DatePicker = function DatePicker(_ref) {
     value = _ref.value,
     onChange = _ref.onChange,
     disabledDays = _ref.disabledDays,
-    startMonth = _ref.startMonth,
-    endMonth = _ref.endMonth,
     dayPickerProps = _objectWithoutProperties(_ref, _excluded);
-  var _useTranslation = useTranslation(),
-    _useTranslation2 = _slicedToArray(_useTranslation, 1),
-    t = _useTranslation2[0];
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    inputValue = _useState4[0],
-    setInputValue = _useState4[1];
-  var _useState5 = useState(undefined),
-    _useState6 = _slicedToArray(_useState5, 2),
-    internalValidationErrors = _useState6[0],
-    setInternalValidationErrors = _useState6[1];
   var selectedDates = useMemo(function () {
     return value;
   }, [value]);
   var displayValue = useMemo(function () {
-    if (!selectedDates) return inputValue;
+    if (!selectedDates) return '';
     return DatePickerUtils.inputFormatValue(selectedDates, mode);
-  }, [selectedDates, mode, inputValue]);
-  var defaultMonth = useMemo(function () {
-    if (!selectedDates) return undefined;
-    if (mode === 'single' && selectedDates instanceof Date) {
-      return selectedDates;
-    }
-    if (mode === 'range' && selectedDates && _typeof(selectedDates) === 'object' && 'from' in selectedDates) {
-      return selectedDates.from;
-    }
-    return undefined;
   }, [selectedDates, mode]);
-  var inputErrors = useMemo(function () {
-    if (internalValidationErrors && errors) {
-      return Array.isArray(errors) ? [].concat(_toConsumableArray(errors), [internalValidationErrors]) : [errors, internalValidationErrors];
-    }
-    if (internalValidationErrors) return internalValidationErrors;
-    return errors;
-  }, [internalValidationErrors, errors]);
   var handleDateSelect = function handleDateSelect(selected) {
     onChange === null || onChange === void 0 ? void 0 : onChange(selected);
-    setInputValue('');
-    setInternalValidationErrors(undefined);
     if (mode === 'single' && selected) {
       setOpen(false);
     }
   };
-  var handleInputChange = function handleInputChange(event) {
-    var typedValue = event.target.value;
-    setInputValue(typedValue);
-    if (typedValue.includes('_') || !typedValue) {
-      setInternalValidationErrors(undefined);
-      onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
-      return;
-    }
-    if (mode === 'single') {
-      var parsedDate = DatePickerUtils.parseStringToDate(typedValue);
-      if (!parsedDate) {
-        setInternalValidationErrors(undefined);
-        onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
-        return;
-      }
-      var isInRange = DatePickerUtils.isDateInRange(parsedDate, startMonth, endMonth);
-      var isDisabled = DatePickerUtils.isDateDisabled(parsedDate, disabledDays);
-      if (!isInRange || isDisabled) {
-        setInternalValidationErrors(t("This date isn't available. Choose another one."));
-        onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
-      } else {
-        setInternalValidationErrors(undefined);
-        onChange === null || onChange === void 0 ? void 0 : onChange(parsedDate);
-      }
-    }
-    if (mode === 'range') {
-      var parsedRange = DatePickerUtils.parseStringToDateRange(typedValue);
-      if (parsedRange) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(parsedRange);
-      } else {
-        onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
-      }
-    }
-  };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Popover, {
+  return /*#__PURE__*/React__default.createElement(Popover, {
     open: open,
     onOpenChange: setOpen
+  }, /*#__PURE__*/React__default.createElement(PopoverTrigger, {
+    className: cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'),
+    disabled: disabled
   }, /*#__PURE__*/React__default.createElement(DatePickerInput, {
     id: id,
-    mode: mode,
     value: displayValue,
     placeholder: placeholder,
     disabled: disabled,
-    errors: inputErrors,
-    onChange: handleInputChange
-  }), /*#__PURE__*/React__default.createElement(DatePickerContent, _objectSpread2({
+    errors: errors
+  })), /*#__PURE__*/React__default.createElement(DatePickerContent, _objectSpread2({
     mode: mode,
     selected: selectedDates,
     onSelect: handleDateSelect,
-    disabled: disabledDays,
-    defaultMonth: defaultMonth,
-    startMonth: startMonth,
-    endMonth: endMonth
-  }, dayPickerProps))), internalValidationErrors ? /*#__PURE__*/React__default.createElement(ErrorList, {
-    errors: internalValidationErrors
-  }) : null);
+    disabled: disabledDays
+  }, dayPickerProps)));
 };
 
 export { DatePicker };

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}

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

@@ -1,5 +1,5 @@
 import type { DateRange, DayPickerProps } from 'react-day-picker';
-export declare type DatePickerCalendarValue = Date | DateRange | undefined;
+export declare type DatePickerCalendarValue = Date | Date[] | DateRange | undefined;
 export interface DatePickerProps extends Omit<DayPickerProps, 'selected' | 'onSelect' | 'disabled'> {
     id: string;
     placeholder?: string;

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

@@ -1,24 +1,7 @@
-import { DateRange, type Mode, type DayPickerProps } from 'react-day-picker';
+import { type Mode } from 'react-day-picker';
 import type { DatePickerCalendarValue } from './date_picker_types';
-import type { InputState } from '../input_mask/input_mask_types';
-declare type ValidationResult = {
-    valid: boolean;
-    keepFirst: boolean;
-};
 export declare class DatePickerUtils {
     private static readonly formatter;
     private static formatDate;
     static inputFormatValue: (selected: DatePickerCalendarValue, mode: Mode) => string;
-    static parseStringToDate: (dateString: string) => Date | null;
-    static parseStringToDateRange: (rangeString: string) => DateRange | null;
-    private static replaceCharWithPlaceholder;
-    private static validateTwoDigitValue;
-    static validateDayAtPosition: (value: string, dayStartPos: number) => ValidationResult;
-    static validateMonthAtPosition: (value: string, monthStartPos: number) => ValidationResult;
-    static validateYearAtPosition: (value: string, yearStartPos: number) => ValidationResult;
-    private static handleInvalidInput;
-    static validateDateMask: (nextState: InputState, currentState?: InputState, mode?: Mode) => InputState;
-    static isDateInRange: (date: Date, startMonth?: Date, endMonth?: Date) => boolean;
-    static isDateDisabled: (date: Date, disabledDays?: DayPickerProps['disabled']) => boolean;
 }
-export {};

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

@@ -2,21 +2,6 @@ import { createClass as _createClass, classCallCheck as _classCallCheck, defineP
 import 'react-day-picker';
 
 var _DatePickerUtils;
-var MASK_POSITIONS = {
-  SINGLE: {
-    DAY: 0,
-    MONTH: 3,
-    YEAR: 6
-  },
-  RANGE: {
-    DAY_START: 0,
-    MONTH_START: 3,
-    YEAR_START: 6,
-    DAY_END: 13,
-    MONTH_END: 16,
-    YEAR_END: 19
-  }
-};
 var DatePickerUtils = /*#__PURE__*/_createClass(function DatePickerUtils() {
   _classCallCheck(this, DatePickerUtils);
 });
@@ -34,6 +19,10 @@ _defineProperty(DatePickerUtils, "inputFormatValue", function (selected, mode) {
   if (mode === 'single') {
     return _DatePickerUtils.formatDate(selected);
   }
+  if (mode === 'multiple') {
+    var dates = selected;
+    return dates.length > 0 ? dates.map(_DatePickerUtils.formatDate).join(', ') : '';
+  }
   if (mode === 'range') {
     var range = selected;
     if (range.from && range.to) {
@@ -45,194 +34,6 @@ _defineProperty(DatePickerUtils, "inputFormatValue", function (selected, mode) {
   }
   return '';
 });
-_defineProperty(DatePickerUtils, "parseStringToDate", function (dateString) {
-  if (!dateString || dateString.includes('_')) {
-    return null;
-  }
-  var parts = dateString.split('.');
-  if (parts.length !== 3) {
-    return null;
-  }
-  var day = parseInt(parts[0], 10);
-  var month = parseInt(parts[1], 10);
-  var year = parseInt(parts[2], 10);
-  if (isNaN(day) || isNaN(month) || isNaN(year)) {
-    return null;
-  }
-  if (month < 1 || month > 12 || day < 1 || day > 31 || year < 1000) {
-    return null;
-  }
-  var date = new Date(year, month - 1, day);
-  if (date.getDate() !== day || date.getMonth() !== month - 1 || date.getFullYear() !== year) {
-    return null;
-  }
-  return date;
-});
-_defineProperty(DatePickerUtils, "parseStringToDateRange", function (rangeString) {
-  if (!rangeString || rangeString.includes('_')) {
-    return null;
-  }
-  var parts = rangeString.split(' - ');
-  if (parts.length !== 2) {
-    return null;
-  }
-  var fromDate = _DatePickerUtils.parseStringToDate(parts[0].trim());
-  var toDate = _DatePickerUtils.parseStringToDate(parts[1].trim());
-  if (!fromDate || !toDate) {
-    return null;
-  }
-  if (fromDate > toDate) {
-    return null;
-  }
-  return {
-    from: fromDate,
-    to: toDate
-  };
-});
-_defineProperty(DatePickerUtils, "replaceCharWithPlaceholder", function (value, position) {
-  return value.substring(0, position) + '_' + value.substring(position + 1);
-});
-_defineProperty(DatePickerUtils, "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 === '0' && second === '0') {
-    return {
-      valid: false,
-      keepFirst: false
-    };
-  }
-  if (first === firstDigit && parseInt(second) > maxSecondDigit) {
-    return {
-      valid: false,
-      keepFirst: true
-    };
-  }
-  return {
-    valid: true,
-    keepFirst: false
-  };
-});
-_defineProperty(DatePickerUtils, "validateDayAtPosition", function (value, dayStartPos) {
-  return _DatePickerUtils.validateTwoDigitValue(value, dayStartPos, '3', 1);
-});
-_defineProperty(DatePickerUtils, "validateMonthAtPosition", function (value, monthStartPos) {
-  return _DatePickerUtils.validateTwoDigitValue(value, monthStartPos, '1', 2);
-});
-_defineProperty(DatePickerUtils, "validateYearAtPosition", function (value, yearStartPos) {
-  if (value.length < yearStartPos + 2) return {
-    valid: true,
-    keepFirst: false
-  };
-  var first = value[yearStartPos];
-  var second = value[yearStartPos + 1];
-  if (second === '_') return {
-    valid: true,
-    keepFirst: false
-  };
-  if (first === '1' && second !== '9') {
-    return {
-      valid: false,
-      keepFirst: true
-    };
-  }
-  if (first === '2' && second !== '0') {
-    return {
-      valid: false,
-      keepFirst: true
-    };
-  }
-  return {
-    valid: true,
-    keepFirst: false
-  };
-});
-_defineProperty(DatePickerUtils, "handleInvalidInput", function (validation, value, currentValue, position, currentSelection, fallbackSelection) {
-  if (validation.keepFirst) {
-    var newValue = _DatePickerUtils.replaceCharWithPlaceholder(value, position + 1);
-    return {
-      value: newValue,
-      selection: {
-        start: position + 1,
-        end: position + 1
-      }
-    };
-  }
-  return {
-    value: currentValue,
-    selection: currentSelection || fallbackSelection || {
-      start: null,
-      end: null
-    }
-  };
-});
-_defineProperty(DatePickerUtils, "validateDateMask", function (nextState, currentState) {
-  var mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'single';
-  var value = nextState.value,
-    selection = nextState.selection;
-  var currentValue = (currentState === null || currentState === void 0 ? void 0 : currentState.value) || '';
-  var dayValidation = _DatePickerUtils.validateDayAtPosition(value, MASK_POSITIONS.SINGLE.DAY);
-  if (!dayValidation.valid) {
-    return _DatePickerUtils.handleInvalidInput(dayValidation, value, currentValue, MASK_POSITIONS.SINGLE.DAY, currentState === null || currentState === void 0 ? void 0 : currentState.selection, selection);
-  }
-  var monthValidation = _DatePickerUtils.validateMonthAtPosition(value, MASK_POSITIONS.SINGLE.MONTH);
-  if (!monthValidation.valid) {
-    return _DatePickerUtils.handleInvalidInput(monthValidation, value, currentValue, MASK_POSITIONS.SINGLE.MONTH, currentState === null || currentState === void 0 ? void 0 : currentState.selection, selection);
-  }
-  var yearValidation = _DatePickerUtils.validateYearAtPosition(value, MASK_POSITIONS.SINGLE.YEAR);
-  if (!yearValidation.valid) {
-    return _DatePickerUtils.handleInvalidInput(yearValidation, value, currentValue, MASK_POSITIONS.SINGLE.YEAR, currentState === null || currentState === void 0 ? void 0 : currentState.selection, selection);
-  }
-  if (mode === 'range') {
-    var dayValidation2 = _DatePickerUtils.validateDayAtPosition(value, MASK_POSITIONS.RANGE.DAY_END);
-    if (!dayValidation2.valid) {
-      return _DatePickerUtils.handleInvalidInput(dayValidation2, value, currentValue, MASK_POSITIONS.RANGE.DAY_END, currentState === null || currentState === void 0 ? void 0 : currentState.selection, selection);
-    }
-    var monthValidation2 = _DatePickerUtils.validateMonthAtPosition(value, MASK_POSITIONS.RANGE.MONTH_END);
-    if (!monthValidation2.valid) {
-      return _DatePickerUtils.handleInvalidInput(monthValidation2, value, currentValue, MASK_POSITIONS.RANGE.MONTH_END, currentState === null || currentState === void 0 ? void 0 : currentState.selection, selection);
-    }
-    var yearValidation2 = _DatePickerUtils.validateYearAtPosition(value, MASK_POSITIONS.RANGE.YEAR_END);
-    if (!yearValidation2.valid) {
-      return _DatePickerUtils.handleInvalidInput(yearValidation2, value, currentValue, MASK_POSITIONS.RANGE.YEAR_END, currentState === null || currentState === void 0 ? void 0 : currentState.selection, selection);
-    }
-  }
-  return nextState;
-});
-_defineProperty(DatePickerUtils, "isDateInRange", function (date, startMonth, endMonth) {
-  if (!startMonth && !endMonth) return true;
-  if (startMonth) {
-    var minDate = new Date(startMonth.getFullYear(), startMonth.getMonth(), 1);
-    if (date < minDate) return false;
-  }
-  if (endMonth) {
-    var maxDate = new Date(endMonth.getFullYear(), endMonth.getMonth() + 1, 0);
-    if (date > maxDate) return false;
-  }
-  return true;
-});
-_defineProperty(DatePickerUtils, "isDateDisabled", function (date, disabledDays) {
-  if (!disabledDays) return false;
-  if (Array.isArray(disabledDays)) {
-    return disabledDays.some(function (disabledDate) {
-      if (disabledDate instanceof Date) {
-        return disabledDate.getFullYear() === date.getFullYear() && disabledDate.getMonth() === date.getMonth() && disabledDate.getDate() === date.getDate();
-      }
-      return false;
-    });
-  }
-  if (typeof disabledDays === 'function') {
-    return disabledDays(date);
-  }
-  return false;
-});
 
 export { DatePickerUtils };
 //# sourceMappingURL=date_picker_utils.js.map

package/build/esm/packages/aurora/src/components/date_picker/date_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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}

package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.d.ts

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

package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js

@@ -1,48 +1,28 @@
 import React__default from 'react';
-import { PopoverTrigger } from '../../popover/components/popover_trigger.js';
 import { Input } from '../../input/input.js';
-import { InputMask } from '../../input_mask/input_mask.js';
 import { TimeLineIcon } from '../../../assets/icons/time_line_icon.js';
-import { TimePickerUtils } from '../time_picker_utils.js';
 
 var TimePickerInput = function TimePickerInput(_ref) {
   var id = _ref.id,
     value = _ref.value,
     placeholder = _ref.placeholder,
     disabled = _ref.disabled,
-    errors = _ref.errors,
-    onChange = _ref.onChange;
-  var mask = 'h9:m9';
-  var formatChars = {
-    h: /[0-2]/,
-    m: /[0-5]/
-  };
-  var handleBeforeMaskedStateChange = function handleBeforeMaskedStateChange(_ref2) {
-    var currentState = _ref2.currentState,
-      nextState = _ref2.nextState;
-    return TimePickerUtils.validateTimeMask(nextState, currentState);
-  };
-  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,
+    readOnly: true,
+    disabled: disabled,
     placeholder: placeholder,
-    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"
+    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(TimeLineIcon, {
       size: 14,
       className: "aurora-text"
-    })))
-  }));
+    }))
+  });
 };
 
 export { TimePickerInput };

package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.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;"}
+{"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;"}