@pisell/date-picker 1.0.0

package/lib/PisellDateRangePicker/index.js

@@ -0,0 +1,125 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/PisellDateRangePicker/index.tsx
+var PisellDateRangePicker_exports = {};
+__export(PisellDateRangePicker_exports, {
+  default: () => PisellDateRangePicker_default
+});
+module.exports = __toCommonJS(PisellDateRangePicker_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_react = require("react");
+var import_DateRangePicker = require("../DateRangePicker");
+var import_ActionBar = __toESM(require("../ActionBar"));
+var import_Shortcuts = __toESM(require("../Shortcuts"));
+var import_SingleInputDateRangeField = require("../SingleInputDateRangeField");
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var transDayjsArr = (dayjsArr) => {
+  let newArr = dayjsArr;
+  if ((dayjsArr == null ? void 0 : dayjsArr.length) === 0) {
+    newArr = [null, null];
+  }
+  return newArr == null ? void 0 : newArr.map((item) => {
+    return import_dayjs.default.isDayjs(item) ? item : null;
+  });
+};
+var PisellDateRangePicker = (props) => {
+  const {
+    onChange: propsOnChange,
+    value: propsValue,
+    presets = [],
+    className,
+    showTime,
+    placeholder,
+    disableDate
+  } = props;
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [_value, setValue] = (0, import_react.useState)(() => transDayjsArr(propsValue));
+  (0, import_react.useEffect)(() => {
+    setValue(transDayjsArr(propsValue));
+  }, [propsValue]);
+  const handleOpen = () => {
+    setOpen(true);
+  };
+  const handleClose = () => {
+    setOpen(false);
+    setValue(transDayjsArr(propsValue));
+  };
+  const handleOk = () => {
+    setOpen(false);
+    propsOnChange == null ? void 0 : propsOnChange(_value);
+  };
+  const _presets = (0, import_react.useMemo)(() => {
+    return presets.map((item) => {
+      const getValue = () => {
+        if (typeof item.getValue === "function") {
+          return item.getValue();
+        }
+        return item == null ? void 0 : item.value;
+      };
+      return {
+        label: item.label,
+        getValue
+      };
+    });
+  }, [presets]);
+  return /* @__PURE__ */ React.createElement(
+    import_DateRangePicker.DateRangePicker,
+    {
+      label: placeholder,
+      className: (0, import_classnames.default)(className, "pisell-date-range-picker"),
+      value: _value,
+      closeOnSelect: false,
+      onClose: handleClose,
+      onChange: setValue,
+      onOpen: handleOpen,
+      open,
+      shouldDisableDate: disableDate,
+      slots: {
+        actionBar: import_ActionBar.default,
+        shortcuts: import_Shortcuts.default,
+        field: import_SingleInputDateRangeField.SingleInputDateRangeField
+      },
+      slotProps: {
+        shortcuts: {
+          items: _presets
+        },
+        actionBar: {
+          onOk: handleOk,
+          onCancel: handleClose,
+          showTime
+        },
+        field: {
+          size: "small"
+        }
+      }
+    }
+  );
+};
+var PisellDateRangePicker_default = PisellDateRangePicker;

package/lib/PisellDateRangePicker/index.less

@@ -0,0 +1,16 @@
+.pisell-date-range-picker {
+  width: 300px;
+  //.MuiInputBase-input {
+  //  padding: 10px;
+  //}
+  label {
+    font-size: 14px;
+  }
+  .MuiOutlinedInput-notchedOutline {
+    legend {
+      width: auto;
+      line-height: 11px;
+      margin: 0;
+    }
+  }
+}

package/lib/Shortcuts/index.d.ts

@@ -0,0 +1,14 @@
+import "./index.less";
+import { Dayjs } from "dayjs";
+export declare type PresetType = {
+    label: string;
+    getValue: () => [Dayjs, Dayjs];
+    value: [Dayjs, Dayjs];
+};
+interface ShortcutsProps {
+    items: PresetType[];
+    onChange: (day: [Dayjs, Dayjs]) => void;
+}
+declare const Shortcuts: (props: ShortcutsProps) => JSX.Element | null;
+export default Shortcuts;
+//# sourceMappingURL=index.d.ts.map

package/lib/Shortcuts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC/B,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;CACvB,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;CACzC;AAED,QAAA,MAAM,SAAS,UAAW,cAAc,uBA2BvC,CAAC;AACF,eAAe,SAAS,CAAC"}

package/lib/Shortcuts/index.js

@@ -0,0 +1,61 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Shortcuts/index.tsx
+var Shortcuts_exports = {};
+__export(Shortcuts_exports, {
+  default: () => Shortcuts_default
+});
+module.exports = __toCommonJS(Shortcuts_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var Shortcuts = (props) => {
+  const { onChange, items } = props;
+  const [activeIndex, setActiveIndex] = (0, import_react.useState)(-1);
+  const handleClick = (item, index) => {
+    onChange(item.getValue());
+    setActiveIndex(index);
+  };
+  if (items.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(props.className, "date-picker-shortcuts") }, items.map((item, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        key: item.label,
+        className: "date-picker-shortcuts-item",
+        style: activeIndex === index ? { background: "#F9FAFB" } : {},
+        onClick: () => handleClick(item, index)
+      },
+      item.label
+    );
+  }));
+};
+var Shortcuts_default = Shortcuts;

package/lib/Shortcuts/index.less

@@ -0,0 +1,18 @@
+.date-picker-shortcuts {
+  width: 192px;
+  padding: 12px 16px;
+  border-right: 1px solid rgba(0, 0, 0, 0.12);
+  .date-picker-shortcuts-item {
+    cursor: pointer;
+    padding: 10px 16px;
+    align-items: center;
+    color: var(--gray-700, #344054);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 20px; /* 142.857% */
+    &:hover {
+      background-color: rgb(249, 250, 251);
+    }
+  }
+}

package/lib/SingleInputDateRangeField/SingleInputDateRangeField.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { SingleInputDateRangeFieldProps } from './SingleInputDateRangeField.types';
+declare type DateRangeFieldComponent = (<TDate>(props: SingleInputDateRangeFieldProps<TDate> & React.RefAttributes<HTMLInputElement>) => JSX.Element) & {
+    propTypes?: any;
+    fieldType?: string;
+};
+declare const SingleInputDateRangeField: DateRangeFieldComponent;
+export { SingleInputDateRangeField };
+//# sourceMappingURL=SingleInputDateRangeField.d.ts.map

package/lib/SingleInputDateRangeField/SingleInputDateRangeField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleInputDateRangeField.d.ts","sourceRoot":"","sources":["SingleInputDateRangeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,8BAA8B,EAAE,MAAM,mCAAmC,CAAC;AAGnF,aAAK,uBAAuB,GAAG,CAAC,CAAC,KAAK,EACpC,KAAK,EAAE,8BAA8B,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KACjF,GAAG,CAAC,OAAO,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,GAAG,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5D,QAAA,MAAM,yBAAyB,yBA+CF,CAAC;AAuR9B,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

package/lib/SingleInputDateRangeField/SingleInputDateRangeField.js

@@ -0,0 +1,356 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/SingleInputDateRangeField/SingleInputDateRangeField.tsx
+var SingleInputDateRangeField_exports = {};
+__export(SingleInputDateRangeField_exports, {
+  SingleInputDateRangeField: () => SingleInputDateRangeField
+});
+module.exports = __toCommonJS(SingleInputDateRangeField_exports);
+var React = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_TextField = __toESM(require("@mui/material/TextField"));
+var import_styles = require("@mui/material/styles");
+var import_utils = require("@mui/base/utils");
+var import_useSingleInputDateRangeField = require("./useSingleInputDateRangeField");
+var SingleInputDateRangeField = React.forwardRef(function SingleInputDateRangeField2(inProps, ref) {
+  const themeProps = (0, import_styles.useThemeProps)({
+    props: inProps,
+    name: "MuiSingleInputDateRangeField"
+  });
+  const { slots, slotProps, components, componentsProps, InputProps, inputProps, ...other } = themeProps;
+  const ownerState = themeProps;
+  const TextField = (slots == null ? void 0 : slots.textField) ?? (components == null ? void 0 : components.TextField) ?? import_TextField.default;
+  const { inputRef: externalInputRef, ...textFieldProps } = (0, import_utils.useSlotProps)({
+    elementType: TextField,
+    externalSlotProps: (slotProps == null ? void 0 : slotProps.textField) ?? (componentsProps == null ? void 0 : componentsProps.textField),
+    externalForwardedProps: other,
+    ownerState
+  });
+  textFieldProps.inputProps = { ...textFieldProps.inputProps, ...inputProps };
+  textFieldProps.InputProps = { ...textFieldProps.InputProps, ...InputProps };
+  const {
+    ref: inputRef,
+    onPaste,
+    onKeyDown,
+    inputMode,
+    readOnly,
+    ...fieldProps
+  } = (0, import_useSingleInputDateRangeField.useSingleInputDateRangeField)({
+    props: textFieldProps,
+    inputRef: externalInputRef
+  });
+  return /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      ref,
+      ...fieldProps,
+      InputProps: { ...fieldProps.InputProps, readOnly },
+      inputProps: { ...fieldProps.inputProps, inputMode, onPaste, onKeyDown, ref: inputRef }
+    }
+  );
+});
+SingleInputDateRangeField.fieldType = "single-input";
+SingleInputDateRangeField.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   * @default false
+   */
+  autoFocus: import_prop_types.default.bool,
+  className: import_prop_types.default.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'primary'
+   */
+  color: import_prop_types.default.oneOf(["error", "info", "primary", "secondary", "success", "warning"]),
+  /**
+   * Overridable components.
+   * @default {}
+   * @deprecated Please use `slots`.
+   */
+  components: import_prop_types.default.object,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   * @deprecated Please use `slotProps`.
+   */
+  componentsProps: import_prop_types.default.object,
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: import_prop_types.default.arrayOf(import_prop_types.default.any),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: import_prop_types.default.bool,
+  /**
+   * If `true`, disable values after the current date for date components, time for time components and both for date time components.
+   * @default false
+   */
+  disableFuture: import_prop_types.default.bool,
+  /**
+   * If `true`, disable values before the current date for date components, time for time components and both for date time components.
+   * @default false
+   */
+  disablePast: import_prop_types.default.bool,
+  /**
+   * If `true`, the component is displayed in focused state.
+   */
+  focused: import_prop_types.default.bool,
+  /**
+   * Format of the date when rendered in the input(s).
+   */
+  format: import_prop_types.default.string,
+  /**
+   * Density of the format when rendered in the input.
+   * Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
+   * @default "dense"
+   */
+  formatDensity: import_prop_types.default.oneOf(["dense", "spacious"]),
+  /**
+   * Props applied to the [`FormHelperText`](/material-ui/api/form-helper-text/) element.
+   */
+  FormHelperTextProps: import_prop_types.default.object,
+  /**
+   * If `true`, the input will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: import_prop_types.default.bool,
+  /**
+   * The helper text content.
+   */
+  helperText: import_prop_types.default.node,
+  /**
+   * If `true`, the label is hidden.
+   * This is used to increase density for a `FilledInput`.
+   * Be sure to add `aria-label` to the `input` element.
+   * @default false
+   */
+  hiddenLabel: import_prop_types.default.bool,
+  /**
+   * The id of the `input` element.
+   * Use this prop to make `label` and `helperText` accessible for screen readers.
+   */
+  id: import_prop_types.default.string,
+  /**
+   * Props applied to the [`InputLabel`](/material-ui/api/input-label/) element.
+   * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
+   */
+  InputLabelProps: import_prop_types.default.object,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: import_prop_types.default.object,
+  /**
+   * Props applied to the Input element.
+   * It will be a [`FilledInput`](/material-ui/api/filled-input/),
+   * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
+   * component depending on the `variant` prop value.
+   */
+  InputProps: import_prop_types.default.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: import_prop_types.default.oneOfType([
+    import_prop_types.default.func,
+    import_prop_types.default.shape({
+      current: import_prop_types.default.any.isRequired
+    })
+  ]),
+  /**
+   * The label content.
+   */
+  label: import_prop_types.default.node,
+  /**
+   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
+   * @default 'none'
+   */
+  margin: import_prop_types.default.oneOf(["dense", "none", "normal"]),
+  /**
+   * Maximal selectable date.
+   */
+  maxDate: import_prop_types.default.any,
+  /**
+   * Minimal selectable date.
+   */
+  minDate: import_prop_types.default.any,
+  /**
+   * Name attribute of the `input` element.
+   */
+  name: import_prop_types.default.string,
+  onBlur: import_prop_types.default.func,
+  /**
+   * Callback fired when the value changes.
+   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @param {TValue} value The new value.
+   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
+   */
+  onChange: import_prop_types.default.func,
+  /**
+   * @ignore
+   */
+  onClick: import_prop_types.default.func,
+  /**
+   * Callback fired when the error associated to the current value changes.
+   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @param {TError} error The new error.
+   * @param {TValue} value The value associated to the error.
+   */
+  onError: import_prop_types.default.func,
+  onFocus: import_prop_types.default.func,
+  /**
+   * Callback fired when the selected sections change.
+   * @param {FieldSelectedSections} newValue The new selected sections.
+   */
+  onSelectedSectionsChange: import_prop_types.default.func,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   * @default false
+   */
+  readOnly: import_prop_types.default.bool,
+  /**
+   * The date used to generate a part of the new value that is not present in the format when both `value` and `defaultValue` are empty.
+   * For example, on time fields it will be used to determine the date to set.
+   * @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
+   */
+  referenceDate: import_prop_types.default.any,
+  /**
+   * If `true`, the label is displayed as required and the `input` element is required.
+   * @default false
+   */
+  required: import_prop_types.default.bool,
+  /**
+   * The currently selected sections.
+   * This prop accept four formats:
+   * 1. If a number is provided, the section at this index will be selected.
+   * 2. If an object with a `startIndex` and `endIndex` properties are provided, the sections between those two indexes will be selected.
+   * 3. If a string of type `FieldSectionType` is provided, the first section with that name will be selected.
+   * 4. If `null` is provided, no section will be selected
+   * If not provided, the selected sections will be handled internally.
+   */
+  selectedSections: import_prop_types.default.oneOfType([
+    import_prop_types.default.oneOf([
+      "all",
+      "day",
+      "hours",
+      "meridiem",
+      "minutes",
+      "month",
+      "seconds",
+      "weekDay",
+      "year"
+    ]),
+    import_prop_types.default.number,
+    import_prop_types.default.shape({
+      endIndex: import_prop_types.default.number.isRequired,
+      startIndex: import_prop_types.default.number.isRequired
+    })
+  ]),
+  /**
+   * Disable specific date.
+   * @template TDate
+   * @param {TDate} day The date to test.
+   * @param {string} position The date to test, 'start' or 'end'.
+   * @returns {boolean} Returns `true` if the date should be disabled.
+   */
+  shouldDisableDate: import_prop_types.default.func,
+  /**
+   * If `true`, the format will respect the leading zeroes (e.g: on dayjs, the format `M/D/YYYY` will render `8/16/2018`)
+   * If `false`, the format will always add leading zeroes (e.g: on dayjs, the format `M/D/YYYY` will render `08/16/2018`)
+   *
+   * Warning n°1: Luxon is not able to respect the leading zeroes when using macro tokens (e.g: "DD"), so `shouldRespectLeadingZeros={true}` might lead to inconsistencies when using `AdapterLuxon`.
+   *
+   * Warning n°2: When `shouldRespectLeadingZeros={true}`, the field will add an invisible character on the sections containing a single digit to make sure `onChange` is fired.
+   * If you need to get the clean value from the input, you can remove this character using `input.value.replace(/\u200e/g, '')`.
+   *
+   * Warning n°3: When used in strict mode, dayjs and moment require to respect the leading zeros.
+   * This mean that when using `shouldRespectLeadingZeros={false}`, if you retrieve the value directly from the input (not listening to `onChange`) and your format contains tokens without leading zeros, the value will not be parsed by your library.
+   *
+   * @default `false`
+   */
+  shouldRespectLeadingZeros: import_prop_types.default.bool,
+  /**
+   * The size of the component.
+   */
+  size: import_prop_types.default.oneOf(["medium", "small"]),
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: import_prop_types.default.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: import_prop_types.default.object,
+  style: import_prop_types.default.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: import_prop_types.default.oneOfType([
+    import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object, import_prop_types.default.bool])),
+    import_prop_types.default.func,
+    import_prop_types.default.object
+  ]),
+  /**
+   * Choose which timezone to use for the value.
+   * Example: "default", "system", "UTC", "America/New_York".
+   * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
+   */
+  timezone: import_prop_types.default.string,
+  /**
+   * The ref object used to imperatively interact with the field.
+   */
+  unstableFieldRef: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
+  /**
+   * The selected value.
+   * Used when the component is controlled.
+   */
+  value: import_prop_types.default.arrayOf(import_prop_types.default.any),
+  /**
+   * The variant to use.
+   * @default 'outlined'
+   */
+  variant: import_prop_types.default.oneOf(["filled", "outlined", "standard"])
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SingleInputDateRangeField
+});

package/lib/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import { SlotComponentProps } from '@mui/base/utils';
+import TextField from '@mui/material/TextField';
+import { FieldsTextFieldProps, UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
+import { UseDateRangeFieldDefaultizedProps, UseDateRangeFieldProps } from '../internals/models';
+export interface UseSingleInputDateRangeFieldParams<TDate, TChildProps extends {}> {
+    props: UseSingleInputDateRangeFieldComponentProps<TDate, TChildProps>;
+    inputRef?: React.Ref<HTMLInputElement>;
+}
+export interface UseSingleInputDateRangeFieldProps<TDate> extends UseDateRangeFieldProps<TDate> {
+}
+export declare type UseSingleInputDateRangeFieldDefaultizedProps<TDate, AdditionalProps extends {}> = UseDateRangeFieldDefaultizedProps<TDate> & Omit<AdditionalProps, 'value' | 'defaultValue' | 'onChange'>;
+export declare type UseSingleInputDateRangeFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseSingleInputDateRangeFieldProps<TDate>> & UseSingleInputDateRangeFieldProps<TDate>;
+export declare type SingleInputDateRangeFieldProps<TDate, TChildProps extends {} = FieldsTextFieldProps> = UseSingleInputDateRangeFieldComponentProps<TDate, TChildProps> & {
+    /**
+     * Overridable components.
+     * @default {}
+     * @deprecated Please use `slots`.
+     */
+    components?: SingleInputDateRangeFieldSlotsComponent;
+    /**
+     * The props used for each component slot.
+     * @default {}
+     * @deprecated Please use `slotProps`.
+     */
+    componentsProps?: SingleInputDateRangeFieldSlotsComponentsProps<TDate>;
+    /**
+     * Overridable component slots.
+     * @default {}
+     */
+    slots?: UncapitalizeObjectKeys<SingleInputDateRangeFieldSlotsComponent>;
+    /**
+     * The props used for each component slot.
+     * @default {}
+     */
+    slotProps?: SingleInputDateRangeFieldSlotsComponentsProps<TDate>;
+};
+export declare type SingleInputDateRangeFieldOwnerState<TDate> = SingleInputDateRangeFieldProps<TDate>;
+export interface SingleInputDateRangeFieldSlotsComponent {
+    /**
+     * Form control with an input to render the value.
+     * Receives the same props as `@mui/material/TextField`.
+     * @default TextField from '@mui/material'
+     */
+    TextField?: React.ElementType;
+}
+export interface SingleInputDateRangeFieldSlotsComponentsProps<TDate> {
+    textField?: SlotComponentProps<typeof TextField, {}, SingleInputDateRangeFieldOwnerState<TDate>>;
+}
+//# sourceMappingURL=SingleInputDateRangeField.types.d.ts.map

package/lib/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleInputDateRangeField.types.d.ts","sourceRoot":"","sources":["SingleInputDateRangeField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAC7F,OAAO,EAAE,iCAAiC,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAEhG,MAAM,WAAW,kCAAkC,CAAC,KAAK,EAAE,WAAW,SAAS,EAAE;IAC/E,KAAK,EAAE,0CAA0C,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,iCAAiC,CAAC,KAAK,CAAE,SAAQ,sBAAsB,CAAC,KAAK,CAAC;CAAG;AAElG,oBAAY,4CAA4C,CACtD,KAAK,EACL,eAAe,SAAS,EAAE,IACxB,iCAAiC,CAAC,KAAK,CAAC,GAC1C,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;AAE/D,oBAAY,0CAA0C,CAAC,KAAK,EAAE,WAAW,SAAS,EAAE,IAAI,IAAI,CAC1F,WAAW,EACX,MAAM,iCAAiC,CAAC,KAAK,CAAC,CAC/C,GACC,iCAAiC,CAAC,KAAK,CAAC,CAAC;AAE3C,oBAAY,8BAA8B,CACxC,KAAK,EACL,WAAW,SAAS,EAAE,GAAG,oBAAoB,IAC3C,0CAA0C,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG;IACnE;;;;OAIG;IACH,UAAU,CAAC,EAAE,uCAAuC,CAAC;IACrD;;;;OAIG;IACH,eAAe,CAAC,EAAE,6CAA6C,CAAC,KAAK,CAAC,CAAC;IACvE;;;OAGG;IACH,KAAK,CAAC,EAAE,sBAAsB,CAAC,uCAAuC,CAAC,CAAC;IACxE;;;OAGG;IACH,SAAS,CAAC,EAAE,6CAA6C,CAAC,KAAK,CAAC,CAAC;CAClE,CAAC;AAEF,oBAAY,mCAAmC,CAAC,KAAK,IAAI,8BAA8B,CAAC,KAAK,CAAC,CAAC;AAE/F,MAAM,WAAW,uCAAuC;IACtD;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC/B;AAED,MAAM,WAAW,6CAA6C,CAAC,KAAK;IAClE,SAAS,CAAC,EAAE,kBAAkB,CAAC,OAAO,SAAS,EAAE,EAAE,EAAE,mCAAmC,CAAC,KAAK,CAAC,CAAC,CAAC;CAClG"}