@os-design/core 1.0.280 → 1.0.281

package/dist/DatePicker/utils/createTimes.d.ts

@@ -0,0 +1,7 @@
+export interface Time {
+    hour: number;
+    minute: number;
+}
+declare const createTimes: (from: Time, to: Time, stepMinutes: number) => Time[];
+export default createTimes;
+//# sourceMappingURL=createTimes.d.ts.map

package/dist/DatePicker/utils/createTimes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTimes.d.ts","sourceRoot":"","sources":["../../../src/DatePicker/utils/createTimes.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,IAAI;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,WAAW,GAAI,MAAM,IAAI,EAAE,IAAI,IAAI,EAAE,aAAa,MAAM,WAY7D,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/DatePicker/utils/createTimes.js

@@ -0,0 +1,15 @@
+const createTimes = (from, to, stepMinutes) => {
+  const min = from.hour * 60 + from.minute;
+  const max = to.hour * 60 + to.minute;
+  const times = [];
+  for (let i = min; i <= max - stepMinutes; i += stepMinutes) {
+    const hour = Math.floor(i / 60);
+    const minute = i % 60;
+    times.push({
+      hour,
+      minute
+    });
+  }
+  return times;
+};
+export default createTimes;

package/dist/GlobalStyles/resetStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resetStyles.d.ts","sourceRoot":"","sources":["../../src/GlobalStyles/resetStyles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEhD,QAAA,MAAM,WAAW,UAAW,KAAK,KAAG,gBAUnC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"resetStyles.d.ts","sourceRoot":"","sources":["../../src/GlobalStyles/resetStyles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEhD,QAAA,MAAM,WAAW,GAAI,OAAO,KAAK,KAAG,gBAUnC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/GlobalStyles/typographyStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typographyStyles.d.ts","sourceRoot":"","sources":["../../src/GlobalStyles/typographyStyles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,OAAO,EAAE,KAAK,KAAK,EAAO,MAAM,oBAAoB,CAAC;AAmBrD,QAAA,MAAM,gBAAgB,UAAW,KAAK,KAAG,gBAqDxC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"typographyStyles.d.ts","sourceRoot":"","sources":["../../src/GlobalStyles/typographyStyles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,OAAO,EAAE,KAAK,KAAK,EAAO,MAAM,oBAAoB,CAAC;AAmBrD,QAAA,MAAM,gBAAgB,GAAI,OAAO,KAAK,KAAG,gBAqDxC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/Input/index.d.ts

@@ -73,6 +73,21 @@ export declare const StyledInput: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & StyledInputProps, React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+interface InputAddonProps {
+    hasPadding?: boolean;
+}
+export declare const InputLeftAddon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & InputAddonProps & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const InputRightAddon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & InputAddonProps & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
 /**
  * The basic input component.
  */

package/dist/Input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,EACZ,KAAK,WAAW,EAEhB,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAGf,KAAK,aAAa,GAAG,IAAI,CACvB,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAC9B,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,CACtC,CAAC;AACF,MAAM,WAAW,UAAW,SAAQ,aAAa,EAAE,QAAQ;IACzD;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC5C;;;OAGG;IACH,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACtE;AAsCD,KAAK,mBAAmB,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC;AACjE,eAAO,MAAM,cAAc;;SA6FvB,MACJ,WAEO;2GA3EN,CAAC;AAyBF,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,eAAO,MAAM,WAAW;;SA2CpB,MACJ,WAEO;iHAzBN,CAAC;AAkCF;;GAEG;AACH,QAAA,MAAM,KAAK,qFAyGV,CAAC;AAIF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,EACZ,KAAK,WAAW,EAEhB,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAGf,KAAK,aAAa,GAAG,IAAI,CACvB,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAC9B,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,CACtC,CAAC;AACF,MAAM,WAAW,UAAW,SAAQ,aAAa,EAAE,QAAQ;IACzD;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC5C;;;OAGG;IACH,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACtE;AAsCD,KAAK,mBAAmB,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC;AACjE,eAAO,MAAM,cAAc;;SA+FT,MAAO,WAAW;2GA1EnC,CAAC;AAyBF,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,eAAO,MAAM,WAAW;;SA6CN,MAAO,WAAW;iHAxBnC,CAAC;AAEF,UAAU,eAAe;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAeD,eAAO,MAAM,cAAc;;SAKT,MAAO,WAAW;;;UAEnC,CAAC;AAEF,eAAO,MAAM,eAAe;;SAJV,MAAO,WAAW;;;UAWnC,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,KAAK,qFAyGV,CAAC;AAIF,eAAe,KAAK,CAAC"}

package/dist/Input/index.js

@@ -88,7 +88,7 @@ export const StyledInput = styled('input', omitEmotionProps('hasLeft', 'hasRight
   ${notHasLeftStyles};
   ${notHasRightStyles};
 `;
-const Addon = styled('span', omitEmotionProps('hasPadding'))`
+const InputAddon = styled('span', omitEmotionProps('hasPadding'))`
   display: flex;
   align-items: center;
   user-select: none;
@@ -98,13 +98,13 @@ const Addon = styled('span', omitEmotionProps('hasPadding'))`
     transform: scale(1.2);
   }
 `;
-const LeftAddon = styled(Addon)`
+export const InputLeftAddon = styled(InputAddon)`
   padding-right: ${p => p.theme.inputAddonPaddingHorizontal}em;
   ${p => p.hasPadding && css`
       padding-left: ${p.theme.inputPaddingHorizontal}em;
     `}
 `;
-const RightAddon = styled(Addon)`
+export const InputRightAddon = styled(InputAddon)`
   padding-left: ${p => p.theme.inputAddonPaddingHorizontal}em;
   ${p => p.hasPadding && css`
       padding-right: ${p.theme.inputPaddingHorizontal}em;
@@ -164,7 +164,7 @@ const Input = /*#__PURE__*/forwardRef(({
       overrides: {
         buttonPaddingHorizontal: 0.8
       },
-      children: /*#__PURE__*/_jsx(LeftAddon, {
+      children: /*#__PURE__*/_jsx(InputLeftAddon, {
         hasPadding: leftHasPadding,
         children: left
       })
@@ -181,7 +181,7 @@ const Input = /*#__PURE__*/forwardRef(({
       overrides: {
         buttonPaddingHorizontal: 0.8
       },
-      children: /*#__PURE__*/_jsx(RightAddon, {
+      children: /*#__PURE__*/_jsx(InputRightAddon, {
         hasPadding: rightHasPaddingValue,
         children: rightValue
       })

package/dist/Input/utils/getFocusableElements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getFocusableElements.d.ts","sourceRoot":"","sources":["../../../src/Input/utils/getFocusableElements.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,oBAAoB,YAAa,UAAU,KAAG,WAAW,EAW9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"getFocusableElements.d.ts","sourceRoot":"","sources":["../../../src/Input/utils/getFocusableElements.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,oBAAoB,GAAI,SAAS,UAAU,KAAG,WAAW,EAW9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/InputDateUnstyled/index.d.ts

@@ -0,0 +1,94 @@
+import { type Day, type OnDayError } from './utils/stringToDay.js';
+import { type Time } from './utils/stringToTime.js';
+export declare const tokens: readonly ["DD", "MM", "YYYY", "YY", "hh", "HH", "mm", "aa"];
+export declare const numericTokens: string[];
+export type Token = (typeof tokens)[number];
+export interface Selection {
+    start: number;
+    end: number;
+}
+type JsxInputProps = Omit<JSX.IntrinsicElements['input'], 'value' | 'defaultValue' | 'onChange' | 'ref'>;
+export interface InputDateUnstyledProps extends JsxInputProps {
+    /**
+     * The string format. Supported tokens:
+     * `DD` - The day of the month (01-31).
+     * `MM` - The month (01-12).
+     * `YYYY` - Four-digit year (2025).
+     * `YY` - Two-digit year (25).
+     * `hh` - The hour, 12-hour clock (01-12).
+     * `HH` - The hour, 24-hour clock (00-23).
+     * `mm` - The minute (00-59).
+     * `aa` - The meridiem (am, pm).
+     * @default `DD.MM.YYYY`
+     */
+    format?: string;
+    /**
+     * Selected date.
+     * @default undefined
+     */
+    value?: Date | null;
+    /**
+     * The value of the input.
+     * @default undefined
+     */
+    inputValue?: string;
+    /**
+     * The caret position.
+     * @default undefined
+     */
+    selection?: Selection;
+    /**
+     * The default value.
+     * @default undefined
+     */
+    defaultValue?: Date | null;
+    /**
+     * The change event handler.
+     * @default undefined
+     */
+    onChange?: (value: Date | null) => void;
+    /**
+     * The callback called when the input is changed.
+     * @default undefined
+     */
+    onInputChange?: (value: string) => void;
+    /**
+     * The callback called when the selection has been changed.
+     * @default undefined
+     */
+    onSelectionChange?: (selection: Selection) => void;
+    /**
+     * The callback called when the day is changed.
+     * @default undefined
+     */
+    onDayChange?: (value: Day) => void;
+    /**
+     * The callback called when the time is changed.
+     * @default undefined
+     */
+    onTimeChange?: (value: Time) => void;
+    /**
+     * The error handler called when the day has been entered incorrectly.
+     * @default undefined
+     */
+    onDayError?: OnDayError;
+}
+/**
+ * The input for entering a date/time without any styles.
+ */
+declare const InputDateUnstyled: import("react").ForwardRefExoticComponent<InputDateUnstyledProps & import("react").RefAttributes<HTMLInputElement>>;
+export { default as convertToFullYear } from './utils/convertToFullYear.js';
+export { default as dateToString } from './utils/dateToString.js';
+export { default as daysInMonth } from './utils/daysInMonth.js';
+export { default as ensureCaretVisible } from './utils/ensureCaretVisible.js';
+export { default as eraseSelectedTokens } from './utils/eraseSelectedTokens.js';
+export { default as replaceSubstring } from './utils/replaceSubstring.js';
+export { default as stringToDay } from './utils/stringToDay.js';
+export { default as stringToTime } from './utils/stringToTime.js';
+export * from './utils/convertHours.js';
+export * from './utils/same.js';
+export * from './utils/stringToDay.js';
+export * from './utils/stringToTime.js';
+export * from './utils/token.js';
+export default InputDateUnstyled;
+//# sourceMappingURL=index.d.ts.map

package/dist/InputDateUnstyled/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InputDateUnstyled/index.tsx"],"names":[],"mappings":"AAcA,OAAoB,EAAE,KAAK,GAAG,EAAE,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAqB,EAAE,KAAK,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIlE,eAAO,MAAM,MAAM,6DAST,CAAC;AACX,eAAO,MAAM,aAAa,UAA+C,CAAC;AAE1E,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5C,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,KAAK,aAAa,GAAG,IAAI,CACvB,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAC9B,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,CAC9C,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED;;GAEG;AACH,QAAA,MAAM,iBAAiB,qHAkZtB,CAAC;AAIF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AAEjC,eAAe,iBAAiB,CAAC"}

package/dist/InputDateUnstyled/index.js

@@ -0,0 +1,406 @@
+import { forwardRef, useCallback, useEffect, useMemo, useRef } from 'react';
+import { nextToken, prevToken } from './utils/token.js';
+import replaceSubstring from './utils/replaceSubstring.js';
+import dateToString from './utils/dateToString.js';
+import { useEvent, useForwardedRef, useForwardedState } from '@os-design/utils';
+import eraseSelectedTokens from './utils/eraseSelectedTokens.js';
+import stringToDay from './utils/stringToDay.js';
+import stringToTime from './utils/stringToTime.js';
+import ensureCaretVisible from './utils/ensureCaretVisible.js';
+import { sameDate, sameDay, sameTime } from './utils/same.js';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const tokens = ['DD', 'MM', 'YYYY', 'YY', 'hh', 'HH', 'mm', 'aa'];
+export const numericTokens = ['DD', 'MM', 'YYYY', 'YY', 'hh', 'HH', 'mm'];
+/**
+ * The input for entering a date/time without any styles.
+ */
+const InputDateUnstyled = /*#__PURE__*/forwardRef(({
+  format = 'DD.MM.YYYY',
+  value,
+  inputValue,
+  selection,
+  defaultValue,
+  onChange,
+  onInputChange,
+  onSelectionChange = () => {},
+  onDayChange = () => {},
+  onTimeChange = () => {},
+  onDayError,
+  onFocus = () => {},
+  onKeyDown = () => {},
+  ...rest
+}, ref) => {
+  const [inputRef, mergedInputRef] = useForwardedRef(ref);
+  const [forwardedValue, setForwardedValue] = useForwardedState({
+    value,
+    defaultValue,
+    onChange
+  });
+  const [forwardedSelection, setForwardedSelection] = useForwardedState({
+    value: selection,
+    defaultValue: {
+      start: 0,
+      end: 0
+    },
+    onChange: onSelectionChange
+  });
+  const defaultInputValue = useMemo(() => {
+    let res = format;
+    tokens.forEach(token => {
+      res = res.replaceAll(token, '_'.repeat(token.length));
+    });
+    return res;
+  }, [format]);
+  const [forwardedInputValue, setForwardedInputValue] = useForwardedState({
+    value: inputValue,
+    defaultValue: defaultInputValue,
+    onChange: onInputChange
+  });
+  const dayRef = useRef(null);
+  const timeRef = useRef(null);
+  const forwardedValueRef = useRef(forwardedValue);
+  useEffect(() => {
+    forwardedValueRef.current = forwardedValue;
+  }, [forwardedValue]);
+  const setForwardedValueRef = useRef(setForwardedValue);
+  useEffect(() => {
+    setForwardedValueRef.current = setForwardedValue;
+  }, [setForwardedValue]);
+  const forwardedSelectionRef = useRef(forwardedSelection);
+  useEffect(() => {
+    forwardedSelectionRef.current = forwardedSelection;
+  }, [forwardedSelection]);
+  const setForwardedSelectionRef = useRef(setForwardedSelection);
+  useEffect(() => {
+    setForwardedSelectionRef.current = setForwardedSelection;
+  }, [setForwardedSelection]);
+  const defaultInputValueRef = useRef(defaultInputValue);
+  useEffect(() => {
+    defaultInputValueRef.current = defaultInputValue;
+  }, [defaultInputValue]);
+  const forwardedInputValueRef = useRef(forwardedInputValue);
+  useEffect(() => {
+    forwardedInputValueRef.current = forwardedInputValue;
+  }, [forwardedInputValue]);
+  const setForwardedInputValueRef = useRef(setForwardedInputValue);
+  useEffect(() => {
+    setForwardedInputValueRef.current = setForwardedInputValue;
+  }, [setForwardedInputValue]);
+  const formatRef = useRef(format);
+  useEffect(() => {
+    formatRef.current = format;
+  }, [format]);
+  const onDayChangeRef = useRef(onDayChange);
+  useEffect(() => {
+    onDayChangeRef.current = onDayChange;
+  }, [onDayChange]);
+  const onTimeChangeRef = useRef(onTimeChange);
+  useEffect(() => {
+    onTimeChangeRef.current = onTimeChange;
+  }, [onTimeChange]);
+  const onDayErrorRef = useRef(onDayError);
+  useEffect(() => {
+    onDayErrorRef.current = onDayError;
+  }, [onDayError]);
+  const onKeyDownRef = useRef(onKeyDown);
+  useEffect(() => {
+    onKeyDownRef.current = onKeyDown;
+  }, [onKeyDown]);
+
+  // Change the input selection when the selection state is changed
+  useEffect(() => {
+    if (!inputRef.current) return;
+    const selection = forwardedSelection || {
+      start: 0,
+      end: 0
+    };
+    inputRef.current.setSelectionRange(selection.start, selection.end);
+    ensureCaretVisible(inputRef.current);
+  }, [forwardedSelection, inputRef]);
+
+  // Change the input value when the value is changed
+  useEffect(() => {
+    const nextInputValue = forwardedValue ? dateToString(forwardedValue, formatRef.current) : defaultInputValueRef.current;
+    setForwardedInputValueRef.current(nextInputValue);
+  }, [forwardedValue]);
+
+  // Calls onDayChange, onTimeChange, onChange handlers
+  // when the input value is changed.
+  useEffect(() => {
+    const inputValue = forwardedInputValue || defaultInputValueRef.current;
+    const day = stringToDay(inputValue, formatRef.current, onDayErrorRef.current);
+    const time = stringToTime(inputValue, formatRef.current);
+    if (day && (!dayRef.current || !sameDay(day, dayRef.current))) {
+      onDayChangeRef.current(day);
+      dayRef.current = day;
+    }
+    if (time && (!timeRef.current || !sameTime(time, timeRef.current))) {
+      onTimeChangeRef.current(time);
+      timeRef.current = time;
+    }
+    if (!inputValue.includes('_')) {
+      const date = forwardedValueRef.current ? new Date(forwardedValueRef.current.getTime()) : new Date();
+      if (day) {
+        date.setFullYear(day.year);
+        date.setMonth(day.month);
+        date.setDate(day.day);
+      }
+      if (time) {
+        date.setHours(time.hour);
+        date.setMinutes(time.minute);
+      }
+      if (!forwardedValueRef.current || !sameDate(date, forwardedValueRef.current)) {
+        setForwardedValueRef.current(date);
+      }
+    }
+  }, [forwardedInputValue]);
+  const keyDownHandler = useCallback(e => {
+    e.preventDefault(); // Avoid the default input behaviour
+
+    let start = e.currentTarget.selectionStart || 0;
+    const end = e.currentTarget.selectionEnd || 0;
+    let nextInputValue = forwardedInputValueRef.current || defaultInputValueRef.current;
+    if (/^[0-9]$/.test(e.key)) {
+      // If the user has selected multiple characters, erase tokens
+      // that contain them.
+      nextInputValue = eraseSelectedTokens({
+        value: nextInputValue,
+        start,
+        end,
+        format: formatRef.current,
+        tokens
+      });
+
+      // Move the caret to the left, skipping all `_`
+      while (start > 0 && nextInputValue.charAt(start - 1) === '_') {
+        start--;
+      }
+
+      // Find the next token and check whether it's a numeric one
+      const next = nextToken(start, formatRef.current, tokens);
+      if (!next || !numericTokens.includes(next.token)) {
+        return;
+      }
+
+      // Move the caret the the found token. There are 2 possible cases:
+      // 1. If the caret has been inside the token, the caret is not moved.
+      // 2. If the token is placed to the right of the caret, the caret
+      // moves to the start of the token.
+      start = next.pos;
+      let substr = e.key;
+      const digit = Number(e.key);
+      const prevChar = start > 0 ? nextInputValue.charAt(start - 1) : null;
+      const posInToken = next.pos - next.start;
+      switch (next.token) {
+        case 'DD':
+          if (posInToken === 0 && digit >= 4) {
+            substr = `0${digit}`;
+          } else if (posInToken === 1 && prevChar === '0' && digit === 0) {
+            return;
+          } else if (posInToken === 1 && prevChar === '3' && digit >= 2) {
+            return;
+          }
+          break;
+        case 'MM':
+          if (posInToken === 0 && digit >= 2) {
+            substr = `0${digit}`;
+          } else if (posInToken === 1 && prevChar === '0' && digit === 0) {
+            return;
+          } else if (posInToken === 1 && prevChar === '1' && digit >= 3) {
+            return;
+          }
+          break;
+        case 'hh':
+          if (posInToken === 0 && digit >= 2) {
+            substr = `0${digit}`;
+          } else if (posInToken === 1 && prevChar === '0' && digit === 0) {
+            return;
+          } else if (posInToken === 1 && prevChar === '1' && digit >= 3) {
+            return;
+          }
+          break;
+        case 'HH':
+          if (posInToken === 0 && digit >= 3) {
+            substr = `0${digit}`;
+          } else if (posInToken === 1 && prevChar === '2' && digit >= 4) {
+            return;
+          }
+          break;
+        case 'mm':
+          if (posInToken === 0 && digit >= 6) {
+            substr = `0${digit}`;
+          }
+          break;
+      }
+
+      // Replace the next characters of the current token with '_'
+      const suffixLength = next.end - start - substr.length;
+      const suffix = suffixLength > 0 ? '_'.repeat(suffixLength) : '';
+      nextInputValue = replaceSubstring(nextInputValue, start, `${substr}${suffix}`);
+
+      // Move the caret to the next token
+      start += substr.length;
+      const next2 = nextToken(start, formatRef.current, tokens);
+      if (next2) start = next2.pos;
+      setForwardedInputValueRef.current(nextInputValue);
+      setForwardedSelectionRef.current({
+        start,
+        end: start
+      });
+    } else if ('ap'.includes(e.key.toLowerCase())) {
+      if (e.metaKey && e.key === 'a') {
+        // Select all
+        setForwardedSelectionRef.current({
+          start: 0,
+          end: formatRef.current.length
+        });
+      } else {
+        // Find the next token and check whether it's the meridiem token
+        const next = nextToken(start, formatRef.current, tokens);
+        if (!next || next.token !== 'aa') return;
+
+        // Move the caret to the start of the token even if the caret
+        // has been located inside it.
+        start = next.start;
+
+        // Fill in the token
+        const substr = e.key.toLowerCase() === 'p' ? 'pm' : 'am';
+        nextInputValue = replaceSubstring(nextInputValue, start, substr);
+
+        // Move the caret to the next token
+        start += substr.length;
+        const next2 = nextToken(start, formatRef.current, tokens);
+        if (next2) start = next2.pos;
+        setForwardedInputValueRef.current(nextInputValue);
+        setForwardedSelectionRef.current({
+          start,
+          end: start
+        });
+      }
+    } else if (e.key === 'Backspace') {
+      if (end > start) {
+        // If the user has selected multiple characters, erase tokens
+        // that contain them.
+        nextInputValue = eraseSelectedTokens({
+          value: nextInputValue,
+          start,
+          end,
+          format: formatRef.current,
+          tokens
+        });
+      } else {
+        // If the caret in the first position, just ignore this event.
+        if (start === 0) return;
+
+        // Move the caret to the previous token
+        const prev = prevToken(start, formatRef.current, tokens);
+        if (!prev) return;
+        let substr = '_';
+        if (prev.token === 'aa') {
+          // Move the caret to the start of the meridiem token and erase
+          // all the characters of this token.
+          start = prev.start;
+          substr = '__';
+        } else {
+          // Erase the token to the end.
+          // For example, if the token contains 4 characters and the caret
+          // is located after the 2nd one, when the user presses backspace,
+          // the 2nd, 3rd, and 4th characters are erased.
+          start = prev.pos - 1;
+          substr = '_'.repeat(prev.end - start);
+        }
+        nextInputValue = replaceSubstring(nextInputValue, start, substr);
+      }
+
+      // Move the caret to the previous token
+      const prev2 = prevToken(start, formatRef.current, tokens);
+      if (prev2) start = prev2.pos;
+      setForwardedInputValueRef.current(nextInputValue);
+      setForwardedSelectionRef.current({
+        start,
+        end: start
+      });
+    } else if (e.key === 'ArrowLeft') {
+      // If the caret in the first position, just ignore this event.
+      if (start === 0) return;
+
+      // Move the caret to the beginning of the string if the meta key
+      // has been pressed (cmd or ctrl).
+      if (e.metaKey) start = 0;
+      // Move the caret to the left
+      else start--;
+      setForwardedSelectionRef.current({
+        start,
+        end: start
+      });
+    } else if (e.key === 'ArrowRight') {
+      // If the caret in the last position, just ignore this event.
+      if (start === formatRef.current.length) return;
+
+      // Move the caret to the end of the string if the meta key
+      // has been pressed (cmd or ctrl).
+      if (e.metaKey) start = formatRef.current.length;
+      // Move the caret to the right
+      else start++;
+      setForwardedSelectionRef.current({
+        start,
+        end: start
+      });
+    }
+    onKeyDownRef.current(e);
+  }, []);
+
+  // Update the selection when the user clicks inside the input
+  const updateSelection = useCallback(e => {
+    const input = e.currentTarget;
+    const start = input.selectionStart || 0;
+    const end = input.selectionEnd || 0;
+    const selection = forwardedSelectionRef.current || {
+      start: 0,
+      end: 0
+    };
+    if (start !== selection.start || end !== selection.end) {
+      setForwardedSelectionRef.current({
+        start,
+        end
+      });
+    }
+  }, []);
+  useEvent(inputRef, 'mouseup', updateSelection);
+  useEvent(inputRef, 'touchend', updateSelection);
+  const focusHandler = useCallback(e => {
+    setTimeout(() => {
+      // Move the caret to the beginning of the first token or if
+      // there are no tokens to the beginning of the string.
+      const next = nextToken(0, formatRef.current, tokens);
+      const pos = next ? next.pos : 0;
+      setForwardedSelectionRef.current({
+        start: pos,
+        end: pos
+      });
+      onFocus(e);
+    }, 0);
+  }, [onFocus]);
+  return /*#__PURE__*/_jsx("input", {
+    ...rest,
+    onFocus: focusHandler,
+    onKeyDown: keyDownHandler,
+    value: forwardedInputValue,
+    ref: mergedInputRef
+  });
+});
+InputDateUnstyled.displayName = 'InputDateUnstyled';
+export { default as convertToFullYear } from './utils/convertToFullYear.js';
+export { default as dateToString } from './utils/dateToString.js';
+export { default as daysInMonth } from './utils/daysInMonth.js';
+export { default as ensureCaretVisible } from './utils/ensureCaretVisible.js';
+export { default as eraseSelectedTokens } from './utils/eraseSelectedTokens.js';
+export { default as replaceSubstring } from './utils/replaceSubstring.js';
+export { default as stringToDay } from './utils/stringToDay.js';
+export { default as stringToTime } from './utils/stringToTime.js';
+export * from './utils/convertHours.js';
+export * from './utils/same.js';
+export * from './utils/stringToDay.js';
+export * from './utils/stringToTime.js';
+export * from './utils/token.js';
+export default InputDateUnstyled;

package/dist/InputDateUnstyled/utils/convertHours.d.ts

@@ -0,0 +1,4 @@
+export type Meridiem = 'am' | 'pm';
+export declare const convertTo12hours: (hours: number) => [number, Meridiem];
+export declare const convertTo24hours: (hours: number, meridiem: Meridiem) => number;
+//# sourceMappingURL=convertHours.d.ts.map

package/dist/InputDateUnstyled/utils/convertHours.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertHours.d.ts","sourceRoot":"","sources":["../../../src/InputDateUnstyled/utils/convertHours.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnC,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,KAAG,CAAC,MAAM,EAAE,QAAQ,CAOjE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,EAAE,UAAU,QAAQ,KAAG,MAGpE,CAAC"}

package/dist/InputDateUnstyled/utils/convertHours.js

@@ -0,0 +1,12 @@
+export const convertTo12hours = hours => {
+  if (hours >= 12) {
+    const hours12 = hours % 12;
+    return [hours12 === 0 ? 12 : hours12, 'pm'];
+  } else {
+    return [hours === 0 ? 12 : hours, 'am'];
+  }
+};
+export const convertTo24hours = (hours, meridiem) => {
+  const h = hours === 12 ? 0 : hours;
+  return h + (meridiem === 'am' ? 0 : 12);
+};

package/dist/InputDateUnstyled/utils/convertToFullYear.d.ts

@@ -0,0 +1,3 @@
+declare const convertToFullYear: (twoDigitYear: number, currentYear: number) => number;
+export default convertToFullYear;
+//# sourceMappingURL=convertToFullYear.d.ts.map

package/dist/InputDateUnstyled/utils/convertToFullYear.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertToFullYear.d.ts","sourceRoot":"","sources":["../../../src/InputDateUnstyled/utils/convertToFullYear.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB,GAAI,cAAc,MAAM,EAAE,aAAa,MAAM,WAQnE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/InputDateUnstyled/utils/convertToFullYear.js

@@ -0,0 +1,10 @@
+const convertToFullYear = (twoDigitYear, currentYear) => {
+  const fromYear = currentYear - 50;
+  const toYear = currentYear + 50;
+  if (twoDigitYear >= fromYear % 100) {
+    return Math.floor(fromYear / 100) * 100 + twoDigitYear;
+  } else {
+    return Math.floor(toYear / 100) * 100 + twoDigitYear;
+  }
+};
+export default convertToFullYear;

package/dist/InputDateUnstyled/utils/dateToString.d.ts

@@ -0,0 +1,3 @@
+declare const dateToString: (date: Date, format: string) => string;
+export default dateToString;
+//# sourceMappingURL=dateToString.d.ts.map