@mantine/dates 5.10.2 → 6.0.0-alpha.1

package/esm/components/PickerInputBase/PickerInputBase.js

@@ -0,0 +1,147 @@
+import React, { forwardRef } from 'react';
+import { useInputProps, CloseButton, Modal, Input, Popover } from '@mantine/core';
+import useStyles from './PickerInputBase.styles.js';
+import { HiddenDatesInput } from '../HiddenDatesInput/HiddenDatesInput.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {};
+const PickerInputBase = forwardRef((props, ref) => {
+  const _a = useInputProps(props.__staticSelector, defaultProps, props), {
+    inputProps,
+    wrapperProps,
+    placeholder,
+    classNames,
+    styles,
+    unstyled,
+    popoverProps,
+    modalProps,
+    dropdownType,
+    children,
+    formattedValue,
+    dropdownHandlers,
+    dropdownOpened,
+    onClick,
+    clearable,
+    onClear,
+    clearButtonProps,
+    rightSection,
+    shouldClear,
+    readOnly,
+    value,
+    name,
+    form,
+    type
+  } = _a, others = __objRest(_a, [
+    "inputProps",
+    "wrapperProps",
+    "placeholder",
+    "classNames",
+    "styles",
+    "unstyled",
+    "popoverProps",
+    "modalProps",
+    "dropdownType",
+    "children",
+    "formattedValue",
+    "dropdownHandlers",
+    "dropdownOpened",
+    "onClick",
+    "clearable",
+    "onClear",
+    "clearButtonProps",
+    "rightSection",
+    "shouldClear",
+    "readOnly",
+    "value",
+    "name",
+    "form",
+    "type"
+  ]);
+  const { classes, cx } = useStyles(null, {
+    name: inputProps.__staticSelector,
+    classNames,
+    styles,
+    unstyled,
+    variant: inputProps.variant,
+    size: inputProps.size
+  });
+  const _rightSection = rightSection || (clearable && shouldClear && !readOnly ? /* @__PURE__ */ React.createElement(CloseButton, __spreadValues({
+    variant: "transparent",
+    onClick: onClear,
+    unstyled,
+    size: inputProps.size
+  }, clearButtonProps)) : null);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, dropdownType === "modal" && !readOnly && /* @__PURE__ */ React.createElement(Modal, __spreadValues({
+    opened: dropdownOpened,
+    onClose: dropdownHandlers.close,
+    withCloseButton: false,
+    size: "auto",
+    "data-dates-modal": true,
+    unstyled
+  }, modalProps), children), /* @__PURE__ */ React.createElement(Input.Wrapper, __spreadValues({}, wrapperProps), /* @__PURE__ */ React.createElement(Popover, __spreadValues({
+    position: "bottom-start",
+    opened: dropdownOpened,
+    onClose: dropdownHandlers.close,
+    disabled: dropdownType === "modal" || readOnly,
+    trapFocus: true,
+    returnFocus: true,
+    unstyled
+  }, popoverProps), /* @__PURE__ */ React.createElement(Popover.Target, null, /* @__PURE__ */ React.createElement(Input, __spreadValues(__spreadProps(__spreadValues({
+    "data-dates-input": true,
+    "data-read-only": readOnly || void 0,
+    component: "button",
+    type: "button",
+    multiline: true,
+    onClick: (event) => {
+      onClick == null ? void 0 : onClick(event);
+      dropdownHandlers.toggle();
+    },
+    rightSection: _rightSection
+  }, inputProps), {
+    ref,
+    classNames: __spreadProps(__spreadValues({}, classNames), { input: cx(classes.input, classNames == null ? void 0 : classNames.input) })
+  }), others), formattedValue || /* @__PURE__ */ React.createElement(Input.Placeholder, {
+    className: classes.placeholder
+  }, placeholder))), /* @__PURE__ */ React.createElement(Popover.Dropdown, {
+    "data-dates-dropdown": true
+  }, children))), /* @__PURE__ */ React.createElement(HiddenDatesInput, {
+    value,
+    name,
+    form,
+    type
+  }));
+});
+PickerInputBase.displayName = "@mantine/dates/PickerInputBase";
+
+export { PickerInputBase };
+//# sourceMappingURL=PickerInputBase.js.map

package/esm/components/PickerInputBase/PickerInputBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerInputBase.js","sources":["../../../src/components/PickerInputBase/PickerInputBase.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  Input,\n  useInputProps,\n  InputSharedProps,\n  InputWrapperBaseProps,\n  DefaultProps,\n  Selectors,\n  Popover,\n  Modal,\n  InputStylesNames,\n  InputWrapperStylesNames,\n  PopoverProps,\n  ModalProps,\n  CloseButton,\n} from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport { HiddenDatesInput, HiddenDatesInputValue } from '../HiddenDatesInput';\nimport { CalendarStylesNames } from '../Calendar';\nimport useStyles from './PickerInputBase.styles';\nimport { DatePickerType } from '../../types';\n\nexport type PickerInputBaseStylesNames =\n  | CalendarStylesNames\n  | InputStylesNames\n  | InputWrapperStylesNames\n  | Selectors<typeof useStyles>;\n\nexport interface DateInputSharedProps\n  extends DefaultProps<PickerInputBaseStylesNames>,\n    InputSharedProps,\n    InputWrapperBaseProps,\n    Omit<React.ComponentPropsWithRef<'button'>, 'defaultValue' | 'value' | 'onChange' | 'type'> {\n  /** Determines whether dropdown should be closed when date is selected, not applicable when type=\"multiple\", true by default */\n  closeOnChange?: boolean;\n\n  /** Type of dropdown, defaults to popover */\n  dropdownType?: 'popover' | 'modal';\n\n  /** Props added to Popover component */\n  popoverProps?: Partial<Omit<PopoverProps, 'children'>>;\n\n  /** Props added to Modal component */\n  modalProps?: Partial<Omit<ModalProps, 'children'>>;\n\n  /** Determines whether input value can be cleared, adds clear button to right section, false by default */\n  clearable?: boolean;\n\n  /** Props added to clear button */\n  clearButtonProps?: React.ComponentPropsWithoutRef<'button'>;\n\n  /** Determines whether the user can modify the value */\n  readOnly?: boolean;\n\n  /** Determines whether dates value should be sorted before onChange call, only applicable when type=\"multiple\", true by default */\n  sortDates?: boolean;\n}\n\nexport interface PickerInputBaseProps extends DateInputSharedProps {\n  __staticSelector: string;\n  children: React.ReactNode;\n  formattedValue: string;\n  dropdownHandlers: ReturnType<typeof useDisclosure>[1];\n  dropdownOpened: boolean;\n  onClear(): void;\n  shouldClear: boolean;\n  value: HiddenDatesInputValue;\n  type: DatePickerType;\n}\n\nconst defaultProps: Partial<PickerInputBaseProps> = {};\n\nexport const PickerInputBase = forwardRef<HTMLButtonElement, PickerInputBaseProps>((props, ref) => {\n  const {\n    inputProps,\n    wrapperProps,\n    placeholder,\n    classNames,\n    styles,\n    unstyled,\n    popoverProps,\n    modalProps,\n    dropdownType,\n    children,\n    formattedValue,\n    dropdownHandlers,\n    dropdownOpened,\n    onClick,\n    clearable,\n    onClear,\n    clearButtonProps,\n    rightSection,\n    shouldClear,\n    readOnly,\n    value,\n    name,\n    form,\n    type,\n    ...others\n  } = useInputProps(props.__staticSelector, defaultProps, props);\n\n  const { classes, cx } = useStyles(null, {\n    name: inputProps.__staticSelector,\n    classNames,\n    styles,\n    unstyled,\n    variant: inputProps.variant,\n    size: inputProps.size,\n  });\n\n  const _rightSection =\n    rightSection ||\n    (clearable && shouldClear && !readOnly ? (\n      <CloseButton\n        variant=\"transparent\"\n        onClick={onClear}\n        unstyled={unstyled}\n        size={inputProps.size}\n        {...clearButtonProps}\n      />\n    ) : null);\n\n  return (\n    <>\n      {dropdownType === 'modal' && !readOnly && (\n        <Modal\n          opened={dropdownOpened}\n          onClose={dropdownHandlers.close}\n          withCloseButton={false}\n          size=\"auto\"\n          data-dates-modal\n          unstyled={unstyled}\n          {...modalProps}\n        >\n          {children}\n        </Modal>\n      )}\n\n      <Input.Wrapper {...wrapperProps}>\n        <Popover\n          position=\"bottom-start\"\n          opened={dropdownOpened}\n          onClose={dropdownHandlers.close}\n          disabled={dropdownType === 'modal' || readOnly}\n          trapFocus\n          returnFocus\n          unstyled={unstyled}\n          {...popoverProps}\n        >\n          <Popover.Target>\n            <Input\n              data-dates-input\n              data-read-only={readOnly || undefined}\n              component=\"button\"\n              type=\"button\"\n              multiline\n              onClick={(event) => {\n                onClick?.(event);\n                dropdownHandlers.toggle();\n              }}\n              rightSection={_rightSection}\n              {...inputProps}\n              ref={ref}\n              classNames={{ ...classNames, input: cx(classes.input, (classNames as any)?.input) }}\n              {...others}\n            >\n              {formattedValue || (\n                <Input.Placeholder className={classes.placeholder}>{placeholder}</Input.Placeholder>\n              )}\n            </Input>\n          </Popover.Target>\n\n          <Popover.Dropdown data-dates-dropdown>{children}</Popover.Dropdown>\n        </Popover>\n      </Input.Wrapper>\n      <HiddenDatesInput value={value} name={name} form={form} type={type} />\n    </>\n  );\n});\n\nPickerInputBase.displayName = '@mantine/dates/PickerInputBase';\n"],"names":[],"mappings":"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"}

package/esm/components/PickerInputBase/PickerInputBase.styles.js

@@ -0,0 +1,15 @@
+import { createStyles } from '@mantine/core';
+
+var useStyles = createStyles(() => ({
+  placeholder: {},
+  input: {
+    cursor: "pointer",
+    lineHeight: "unset",
+    "&[data-read-only]": {
+      cursor: "default"
+    }
+  }
+}));
+
+export default useStyles;
+//# sourceMappingURL=PickerInputBase.styles.js.map

package/esm/components/PickerInputBase/PickerInputBase.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerInputBase.styles.js","sources":["../../../src/components/PickerInputBase/PickerInputBase.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport default createStyles(() => ({\n  placeholder: {},\n\n  input: {\n    cursor: 'pointer',\n    lineHeight: 'unset',\n\n    '&[data-read-only]': {\n      cursor: 'default',\n    },\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,OAAO;AACnC,EAAE,WAAW,EAAE,EAAE;AACjB,EAAE,KAAK,EAAE;AACT,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,UAAU,EAAE,OAAO;AACvB,IAAI,mBAAmB,EAAE;AACzB,MAAM,MAAM,EAAE,SAAS;AACvB,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/components/TimeInput/TimeInput.js

@@ -1,13 +1,6 @@
-import React, { forwardRef, useRef, useState } from 'react';
-import { useComponentDefaultProps, extractSystemStyles, Input, CloseButton } from '@mantine/core';
-import { useId, useDidUpdate, useMergedRef } from '@mantine/hooks';
-import { TimeField } from '../TimeInputBase/TimeField/TimeField.js';
-import { createTimeHandler } from '../TimeInputBase/create-time-handler/create-time-handler.js';
+import React, { forwardRef } from 'react';
+import { useComponentDefaultProps, TextInput } from '@mantine/core';
 import useStyles from './TimeInput.styles.js';
-import { AmPmInput } from '../TimeInputBase/AmPmInput/AmPmInput.js';
-import { createAmPmHandler } from '../TimeInputBase/create-amPm-handler/create-amPm-handler.js';
-import { getDate } from '../TimeInputBase/get-date/get-date.js';
-import { getTimeValues } from '../TimeInputBase/get-time-values/get-time-value.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -40,260 +33,28 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const RIGHT_SECTION_WIDTH = {
-  xs: 24,
-  sm: 30,
-  md: 34,
-  lg: 40,
-  xl: 44
-};
-const defaultProps = {
-  size: "sm",
-  withSeconds: false,
-  clearable: false,
-  format: "24",
-  amLabel: "am",
-  pmLabel: "pm",
-  timePlaceholder: "--",
-  amPmPlaceholder: "am",
-  disabled: false
-};
+const defaultProps = {};
 const TimeInput = forwardRef((props, ref) => {
-  const _a = useComponentDefaultProps("TimeInput", defaultProps, props), {
-    required,
-    label,
-    error,
-    description,
-    className,
-    style,
-    size,
-    wrapperProps,
+  const _a = useComponentDefaultProps("TimeInput", defaultProps, props), { classNames, withSeconds, variant, size, styles, unstyled } = _a, others = __objRest(_a, ["classNames", "withSeconds", "variant", "size", "styles", "unstyled"]);
+  const { classes, cx } = useStyles(null, {
+    name: "TimeInput",
     classNames,
     styles,
-    id,
-    value,
-    defaultValue,
-    onChange,
-    withSeconds,
-    clearable,
-    clearButtonLabel,
-    format,
-    amLabel,
-    pmLabel,
-    name,
-    hoursLabel,
-    minutesLabel,
-    secondsLabel,
-    amPmLabel,
-    timePlaceholder,
-    amPmPlaceholder,
-    disabled,
-    sx,
-    nextRef,
-    labelProps,
-    descriptionProps,
-    errorProps,
     unstyled,
-    withAsterisk
-  } = _a, others = __objRest(_a, [
-    "required",
-    "label",
-    "error",
-    "description",
-    "className",
-    "style",
-    "size",
-    "wrapperProps",
-    "classNames",
-    "styles",
-    "id",
-    "value",
-    "defaultValue",
-    "onChange",
-    "withSeconds",
-    "clearable",
-    "clearButtonLabel",
-    "format",
-    "amLabel",
-    "pmLabel",
-    "name",
-    "hoursLabel",
-    "minutesLabel",
-    "secondsLabel",
-    "amPmLabel",
-    "timePlaceholder",
-    "amPmPlaceholder",
-    "disabled",
-    "sx",
-    "nextRef",
-    "labelProps",
-    "descriptionProps",
-    "errorProps",
-    "unstyled",
-    "withAsterisk"
-  ]);
-  const { classes, cx, theme } = useStyles({ size }, { classNames, styles, unstyled, name: "TimeInput" });
-  const { systemStyles, rest } = extractSystemStyles(others);
-  const uuid = useId(id);
-  const hoursRef = useRef();
-  const minutesRef = useRef();
-  const secondsRef = useRef();
-  const amPmRef = useRef();
-  const [time, setTime] = useState(getTimeValues(value || defaultValue, format, amLabel, pmLabel));
-  const [_value, setValue] = useState(value || defaultValue);
-  useDidUpdate(() => {
-    setTime(getTimeValues(_value, format, amLabel, pmLabel));
-  }, [_value, format, amLabel, pmLabel]);
-  useDidUpdate(() => {
-    if ((value == null ? void 0 : value.getTime()) !== (_value == null ? void 0 : _value.getTime())) {
-      setValue(value);
-    }
-  }, [value]);
-  const setDate = (change) => {
-    const timeWithChange = __spreadValues(__spreadValues({}, time), change);
-    const newDate = getDate(timeWithChange.hours, timeWithChange.minutes, timeWithChange.seconds, format, pmLabel, timeWithChange.amPm);
-    setValue(newDate);
-    typeof onChange === "function" && onChange(newDate);
-  };
-  const handleHoursChange = createTimeHandler({
-    onChange: (val, carryOver) => {
-      setDate({
-        hours: val,
-        minutes: carryOver != null ? carryOver : time.minutes
-      });
-    },
-    min: format === "12" ? 1 : 0,
-    max: format === "12" ? 12 : 23,
-    nextRef: minutesRef,
-    nextMax: 59
+    variant,
+    size
   });
-  const handleMinutesChange = createTimeHandler({
-    onChange: (val, carryOver) => {
-      setDate({
-        minutes: val,
-        seconds: carryOver != null ? carryOver : time.seconds
-      });
-    },
-    min: 0,
-    max: 59,
-    nextRef: withSeconds ? secondsRef : format === "12" ? amPmRef : nextRef,
-    nextMax: withSeconds ? 59 : void 0
-  });
-  const handleSecondsChange = createTimeHandler({
-    onChange: (val) => {
-      setDate({ seconds: val });
-    },
-    min: 0,
-    max: 59,
-    nextRef: format === "12" ? amPmRef : nextRef
-  });
-  const handleAmPmChange = createAmPmHandler({
-    amLabel,
-    pmLabel,
-    onChange: (val) => {
-      setDate({ amPm: val });
-    },
-    nextRef
-  });
-  const handleClear = () => {
-    setTime({ hours: "", minutes: "", seconds: "", amPm: "" });
-    setValue(null);
-    onChange == null ? void 0 : onChange(null);
-    hoursRef.current.focus();
-  };
-  const rightSection = clearable && _value && !disabled ? /* @__PURE__ */ React.createElement(CloseButton, {
-    variant: "transparent",
-    "aria-label": clearButtonLabel,
-    onClick: handleClear,
-    size,
-    unstyled
-  }) : null;
-  return /* @__PURE__ */ React.createElement(Input.Wrapper, __spreadValues(__spreadValues({
-    required,
-    label,
-    error,
-    description,
-    className,
-    style,
-    classNames,
+  return /* @__PURE__ */ React.createElement(TextInput, __spreadValues({
+    type: "time",
+    step: withSeconds ? 1 : 60,
+    classNames: __spreadProps(__spreadValues({}, classNames), { input: cx(classes.input, classNames == null ? void 0 : classNames.input) }),
     styles,
-    size,
-    __staticSelector: "TimeInput",
-    id: uuid,
-    sx,
-    errorProps,
-    descriptionProps,
-    labelProps,
     unstyled,
-    withAsterisk
-  }, systemStyles), wrapperProps), /* @__PURE__ */ React.createElement(Input, __spreadValues({
-    component: "div",
-    __staticSelector: "TimeInput",
-    required,
-    invalid: !!error,
-    onClick: () => hoursRef.current.focus(),
-    size,
-    className: cx({ [classes.disabled]: disabled }),
-    classNames,
-    styles,
-    disabled,
-    rightSection,
-    rightSectionWidth: theme.fn.size({ size, sizes: RIGHT_SECTION_WIDTH }),
-    unstyled
-  }, rest), /* @__PURE__ */ React.createElement("div", {
-    className: classes.controls
-  }, /* @__PURE__ */ React.createElement(TimeField, {
-    ref: useMergedRef(hoursRef, ref),
-    value: time.hours,
-    onChange: handleHoursChange,
-    setValue: (val) => setTime((current) => __spreadProps(__spreadValues({}, current), { hours: val })),
-    id: uuid,
-    className: classes.timeInput,
-    withSeparator: true,
-    size,
-    max: format === "12" ? 12 : 23,
-    placeholder: timePlaceholder,
-    "aria-label": hoursLabel,
-    disabled,
-    name,
-    unstyled
-  }), /* @__PURE__ */ React.createElement(TimeField, {
-    ref: minutesRef,
-    value: time.minutes,
-    onChange: handleMinutesChange,
-    setValue: (val) => setTime((current) => __spreadProps(__spreadValues({}, current), { minutes: val })),
-    className: classes.timeInput,
-    withSeparator: withSeconds,
-    size,
-    max: 59,
-    placeholder: timePlaceholder,
-    "aria-label": minutesLabel,
-    disabled,
-    unstyled
-  }), withSeconds && /* @__PURE__ */ React.createElement(TimeField, {
-    ref: secondsRef,
-    value: time.seconds,
-    onChange: handleSecondsChange,
-    setValue: (val) => setTime((current) => __spreadProps(__spreadValues({}, current), { seconds: val })),
-    className: classes.timeInput,
-    size,
-    max: 59,
-    placeholder: timePlaceholder,
-    "aria-label": secondsLabel,
-    disabled,
-    unstyled
-  }), format === "12" && /* @__PURE__ */ React.createElement(AmPmInput, {
-    ref: amPmRef,
-    value: time.amPm,
-    onChange: handleAmPmChange,
-    placeholder: amPmPlaceholder,
-    amLabel,
-    pmLabel,
+    variant,
     size,
-    "aria-label": amPmLabel,
-    disabled,
-    unstyled
-  }))));
+    ref,
+    __staticSelector: "TimeInput"
+  }, others));
 });
 TimeInput.displayName = "@mantine/dates/TimeInput";
 

package/esm/components/TimeInput/TimeInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeInput.js","sources":["../../../src/components/TimeInput/TimeInput.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef } from 'react';\nimport {\n  InputSharedProps,\n  InputWrapperBaseProps,\n  InputStylesNames,\n  InputWrapperStylesNames,\n  DefaultProps,\n  Input,\n  MantineSize,\n  Selectors,\n  CloseButton,\n  extractSystemStyles,\n  useComponentDefaultProps,\n} from '@mantine/core';\nimport { useDidUpdate, useMergedRef, useId } from '@mantine/hooks';\nimport { TimeField } from '../TimeInputBase/TimeField/TimeField';\nimport { createTimeHandler } from '../TimeInputBase/create-time-handler/create-time-handler';\nimport useStyles from './TimeInput.styles';\nimport { AmPmInput } from '../TimeInputBase/AmPmInput/AmPmInput';\nimport { createAmPmHandler } from '../TimeInputBase/create-amPm-handler/create-amPm-handler';\nimport { getDate } from '../TimeInputBase/get-date/get-date';\nimport { getTimeValues } from '../TimeInputBase/get-time-values/get-time-value';\n\nexport type TimeInputStylesNames =\n  | Selectors<typeof useStyles>\n  | InputStylesNames\n  | InputWrapperStylesNames;\n\nexport interface TimeInputProps\n  extends DefaultProps<TimeInputStylesNames>,\n    InputSharedProps,\n    InputWrapperBaseProps,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'value' | 'defaultValue'> {\n  /** Input size */\n  size?: MantineSize;\n\n  /** Controlled input value */\n  value?: Date | null;\n\n  /** Uncontrolled input default value */\n  defaultValue?: Date | null;\n\n  /** Controlled input onChange handler */\n  onChange?(value: Date): void;\n\n  /** Display seconds input */\n  withSeconds?: boolean;\n\n  /** Allow to clear item */\n  clearable?: boolean;\n\n  /** aria-label for clear button */\n  clearButtonLabel?: string;\n\n  /** Time format */\n  format?: '12' | '24';\n\n  /** Label for 'am' */\n  amLabel?: string;\n\n  /** Label for 'pm' */\n  pmLabel?: string;\n\n  /** Uncontrolled input name */\n  name?: string;\n\n  /** aria-label for hours input */\n  hoursLabel?: string;\n\n  /** aria-label for minutes input */\n  minutesLabel?: string;\n\n  /** aria-label for seconds input */\n  secondsLabel?: string;\n\n  /** aria-label for am/pm input */\n  amPmLabel?: string;\n\n  /** Placeholder for hours/minutes/seconds inputs*/\n  timePlaceholder?: string;\n\n  /** Placeholder for am/pm input */\n  amPmPlaceholder?: string;\n\n  /** Disable field */\n  disabled?: boolean;\n\n  /** Ref to focus after final TimeInput field. Used by TimeRangeInput */\n  nextRef?: React.RefObject<HTMLInputElement>;\n}\n\nconst RIGHT_SECTION_WIDTH = {\n  xs: 24,\n  sm: 30,\n  md: 34,\n  lg: 40,\n  xl: 44,\n};\n\nconst defaultProps: Partial<TimeInputProps> = {\n  size: 'sm',\n  withSeconds: false,\n  clearable: false,\n  format: '24',\n  amLabel: 'am',\n  pmLabel: 'pm',\n  timePlaceholder: '--',\n  amPmPlaceholder: 'am',\n  disabled: false,\n};\n\nexport const TimeInput = forwardRef<HTMLInputElement, TimeInputProps>(\n  (props: TimeInputProps, ref) => {\n    const {\n      required,\n      label,\n      error,\n      description,\n      className,\n      style,\n      size,\n      wrapperProps,\n      classNames,\n      styles,\n      id,\n      value,\n      defaultValue,\n      onChange,\n      withSeconds,\n      clearable,\n      clearButtonLabel,\n      format,\n      amLabel,\n      pmLabel,\n      name,\n      hoursLabel,\n      minutesLabel,\n      secondsLabel,\n      amPmLabel,\n      timePlaceholder,\n      amPmPlaceholder,\n      disabled,\n      sx,\n      nextRef,\n      labelProps,\n      descriptionProps,\n      errorProps,\n      unstyled,\n      withAsterisk,\n      ...others\n    } = useComponentDefaultProps('TimeInput', defaultProps, props);\n\n    const { classes, cx, theme } = useStyles(\n      { size },\n      { classNames, styles, unstyled, name: 'TimeInput' }\n    );\n    const { systemStyles, rest } = extractSystemStyles(others);\n    const uuid = useId(id);\n\n    const hoursRef = useRef<HTMLInputElement>();\n    const minutesRef = useRef<HTMLInputElement>();\n    const secondsRef = useRef<HTMLInputElement>();\n    const amPmRef = useRef<HTMLInputElement>();\n    const [time, setTime] = useState<{\n      hours: string;\n      minutes: string;\n      seconds: string;\n      amPm: string;\n    }>(getTimeValues(value || defaultValue, format, amLabel, pmLabel));\n    const [_value, setValue] = useState<Date | null>(value || defaultValue);\n\n    useDidUpdate(() => {\n      setTime(getTimeValues(_value, format, amLabel, pmLabel));\n    }, [_value, format, amLabel, pmLabel]);\n\n    // Allow controlled value prop to override internal _value\n    useDidUpdate(() => {\n      if (value?.getTime() !== _value?.getTime()) {\n        setValue(value);\n      }\n    }, [value]);\n\n    const setDate = (change: Partial<typeof time>) => {\n      const timeWithChange = { ...time, ...change };\n      const newDate = getDate(\n        timeWithChange.hours,\n        timeWithChange.minutes,\n        timeWithChange.seconds,\n        format,\n        pmLabel,\n        timeWithChange.amPm\n      );\n      setValue(newDate);\n      typeof onChange === 'function' && onChange(newDate);\n    };\n\n    const handleHoursChange = createTimeHandler({\n      onChange: (val, carryOver) => {\n        setDate({\n          hours: val,\n          minutes: carryOver ?? time.minutes,\n        });\n      },\n      min: format === '12' ? 1 : 0,\n      max: format === '12' ? 12 : 23,\n      nextRef: minutesRef,\n      nextMax: 59,\n    });\n\n    const handleMinutesChange = createTimeHandler({\n      onChange: (val, carryOver) => {\n        setDate({\n          minutes: val,\n          seconds: carryOver ?? time.seconds,\n        });\n      },\n      min: 0,\n      max: 59,\n      nextRef: withSeconds ? secondsRef : format === '12' ? amPmRef : nextRef,\n      nextMax: withSeconds ? 59 : undefined,\n    });\n\n    const handleSecondsChange = createTimeHandler({\n      onChange: (val) => {\n        setDate({ seconds: val });\n      },\n      min: 0,\n      max: 59,\n      nextRef: format === '12' ? amPmRef : nextRef,\n    });\n\n    const handleAmPmChange = createAmPmHandler({\n      amLabel,\n      pmLabel,\n      onChange: (val) => {\n        setDate({ amPm: val });\n      },\n      nextRef,\n    });\n\n    const handleClear = () => {\n      setTime({ hours: '', minutes: '', seconds: '', amPm: '' });\n      setValue(null);\n      onChange?.(null);\n      hoursRef.current.focus();\n    };\n\n    const rightSection =\n      clearable && _value && !disabled ? (\n        <CloseButton\n          variant=\"transparent\"\n          aria-label={clearButtonLabel}\n          onClick={handleClear}\n          size={size}\n          unstyled={unstyled}\n        />\n      ) : null;\n\n    return (\n      <Input.Wrapper\n        required={required}\n        label={label}\n        error={error}\n        description={description}\n        className={className}\n        style={style}\n        classNames={classNames}\n        styles={styles}\n        size={size}\n        __staticSelector=\"TimeInput\"\n        id={uuid}\n        sx={sx}\n        errorProps={errorProps}\n        descriptionProps={descriptionProps}\n        labelProps={labelProps}\n        unstyled={unstyled}\n        withAsterisk={withAsterisk}\n        {...systemStyles}\n        {...wrapperProps}\n      >\n        <Input\n          component=\"div\"\n          __staticSelector=\"TimeInput\"\n          required={required}\n          invalid={!!error}\n          onClick={() => hoursRef.current.focus()}\n          size={size}\n          className={cx({ [classes.disabled]: disabled })}\n          classNames={classNames}\n          styles={styles}\n          disabled={disabled}\n          rightSection={rightSection}\n          rightSectionWidth={theme.fn.size({ size, sizes: RIGHT_SECTION_WIDTH })}\n          unstyled={unstyled}\n          {...rest}\n        >\n          <div className={classes.controls}>\n            <TimeField\n              ref={useMergedRef(hoursRef, ref)}\n              value={time.hours}\n              onChange={handleHoursChange}\n              setValue={(val) => setTime((current) => ({ ...current, hours: val }))}\n              id={uuid}\n              className={classes.timeInput}\n              withSeparator\n              size={size}\n              max={format === '12' ? 12 : 23}\n              placeholder={timePlaceholder}\n              aria-label={hoursLabel}\n              disabled={disabled}\n              name={name}\n              unstyled={unstyled}\n            />\n            <TimeField\n              ref={minutesRef}\n              value={time.minutes}\n              onChange={handleMinutesChange}\n              setValue={(val) => setTime((current) => ({ ...current, minutes: val }))}\n              className={classes.timeInput}\n              withSeparator={withSeconds}\n              size={size}\n              max={59}\n              placeholder={timePlaceholder}\n              aria-label={minutesLabel}\n              disabled={disabled}\n              unstyled={unstyled}\n            />\n            {withSeconds && (\n              <TimeField\n                ref={secondsRef}\n                value={time.seconds}\n                onChange={handleSecondsChange}\n                setValue={(val) => setTime((current) => ({ ...current, seconds: val }))}\n                className={classes.timeInput}\n                size={size}\n                max={59}\n                placeholder={timePlaceholder}\n                aria-label={secondsLabel}\n                disabled={disabled}\n                unstyled={unstyled}\n              />\n            )}\n            {format === '12' && (\n              <AmPmInput\n                ref={amPmRef}\n                value={time.amPm}\n                onChange={handleAmPmChange}\n                placeholder={amPmPlaceholder}\n                amLabel={amLabel}\n                pmLabel={pmLabel}\n                size={size}\n                aria-label={amPmLabel}\n                disabled={disabled}\n                unstyled={unstyled}\n              />\n            )}\n          </div>\n        </Input>\n      </Input.Wrapper>\n    );\n  }\n);\n\nTimeInput.displayName = '@mantine/dates/TimeInput';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TimeInput.js","sources":["../../../src/components/TimeInput/TimeInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  useComponentDefaultProps,\n  TextInput,\n  TextInputProps,\n  TextInputStylesNames,\n} from '@mantine/core';\nimport useStyles from './TimeInput.styles';\n\nexport type TimeInputStylesNames = TextInputStylesNames;\n\nexport interface TimeInputProps extends TextInputProps {\n  /** Determines whether seconds input should be rendered */\n  withSeconds?: boolean;\n}\n\nconst defaultProps: Partial<TimeInputProps> = {};\n\nexport const TimeInput = forwardRef<HTMLInputElement, TimeInputProps>((props, ref) => {\n  const { classNames, withSeconds, variant, size, styles, unstyled, ...others } =\n    useComponentDefaultProps('TimeInput', defaultProps, props);\n\n  const { classes, cx } = useStyles(null, {\n    name: 'TimeInput',\n    classNames,\n    styles,\n    unstyled,\n    variant,\n    size,\n  });\n\n  return (\n    <TextInput\n      type=\"time\"\n      step={withSeconds ? 1 : 60}\n      classNames={{ ...classNames, input: cx(classes.input, classNames?.input) }}\n      styles={styles}\n      unstyled={unstyled}\n      variant={variant}\n      size={size}\n      ref={ref}\n      __staticSelector=\"TimeInput\"\n      {...others}\n    />\n  );\n});\n\nTimeInput.displayName = '@mantine/dates/TimeInput';\n"],"names":[],"mappings":"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"}

package/esm/components/TimeInput/TimeInput.styles.js

@@ -1,15 +1,25 @@
-import { createStyles, INPUT_SIZES } from '@mantine/core';
+import { createStyles, rem } from '@mantine/core';
 
-var useStyles = createStyles((theme, { size }) => ({
-  timeInput: {},
-  amPmInput: {},
-  disabled: {
-    cursor: "not-allowed"
-  },
-  controls: {
-    display: "flex",
-    alignItems: "center",
-    height: theme.fn.size({ size, sizes: INPUT_SIZES }) - 2
+var useStyles = createStyles((theme) => ({
+  input: {
+    paddingTop: 0,
+    paddingBottom: 0,
+    appearance: "none",
+    "&::-webkit-calendar-picker-indicator": {
+      display: "none"
+    },
+    "&::-webkit-clear-button": {
+      display: "none"
+    },
+    "&::-webkit-datetime-edit-hour-field, &::-webkit-datetime-edit-minute-field, &::-webkit-datetime-edit-second-field": {
+      paddingTop: 0,
+      maxHeight: rem(30),
+      display: "inline",
+      "&:focus": {
+        backgroundColor: theme.fn.variant({ variant: "filled" }).background,
+        color: theme.white
+      }
+    }
   }
 }));
 

package/esm/components/TimeInput/TimeInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeInput.styles.js","sources":["../../../src/components/TimeInput/TimeInput.styles.ts"],"sourcesContent":["import { createStyles, INPUT_SIZES, MantineSize } from '@mantine/core';\n\nexport interface TimeInputStylesParams {\n  size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: TimeInputStylesParams) => ({\n  timeInput: {},\n  amPmInput: {},\n\n  disabled: {\n    cursor: 'not-allowed',\n  },\n\n  controls: {\n    display: 'flex',\n    alignItems: 'center',\n    // -2 for border offset\n    height: theme.fn.size({ size, sizes: INPUT_SIZES }) - 2,\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;AAClD,EAAE,SAAS,EAAE,EAAE;AACf,EAAE,SAAS,EAAE,EAAE;AACf,EAAE,QAAQ,EAAE;AACZ,IAAI,MAAM,EAAE,aAAa;AACzB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC;AAC3D,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"TimeInput.styles.js","sources":["../../../src/components/TimeInput/TimeInput.styles.ts"],"sourcesContent":["import { createStyles, rem } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n  input: {\n    paddingTop: 0,\n    paddingBottom: 0,\n    appearance: 'none',\n    '&::-webkit-calendar-picker-indicator': {\n      display: 'none',\n    },\n\n    '&::-webkit-clear-button': {\n      display: 'none',\n    },\n\n    '&::-webkit-datetime-edit-hour-field, &::-webkit-datetime-edit-minute-field, &::-webkit-datetime-edit-second-field':\n      {\n        paddingTop: 0,\n        maxHeight: rem(30),\n        display: 'inline',\n        '&:focus': {\n          backgroundColor: theme.fn.variant({ variant: 'filled' }).background,\n          color: theme.white,\n        },\n      },\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,KAAK,EAAE;AACT,IAAI,UAAU,EAAE,CAAC;AACjB,IAAI,aAAa,EAAE,CAAC;AACpB,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,sCAAsC,EAAE;AAC5C,MAAM,OAAO,EAAE,MAAM;AACrB,KAAK;AACL,IAAI,yBAAyB,EAAE;AAC/B,MAAM,OAAO,EAAE,MAAM;AACrB,KAAK;AACL,IAAI,mHAAmH,EAAE;AACzH,MAAM,UAAU,EAAE,CAAC;AACnB,MAAM,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC;AACxB,MAAM,OAAO,EAAE,QAAQ;AACvB,MAAM,SAAS,EAAE;AACjB,QAAQ,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,UAAU;AAC3E,QAAQ,KAAK,EAAE,KAAK,CAAC,KAAK;AAC1B,OAAO;AACP,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}