@kaizen/components 1.26.0 → 1.28.0

package/dist/cjs/TextField/TextField.cjs

@@ -0,0 +1,84 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var FieldGroup = require('../FieldGroup/FieldGroup.cjs');
+var FieldMessage = require('../FieldMessage/FieldMessage.cjs');
+var Input = require('../Input/Input/Input.cjs');
+require('../Input/InputRange/InputRange.cjs');
+require('../Input/InputSearch/InputSearch.cjs');
+var Label = require('../Label/Label.cjs');
+var TextField_module = require('./TextField.module.scss.cjs');
+var SuccessIcon = require('../Icon/SuccessIcon.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-text-field--docs Storybook}
+ */
+const TextField = /*#__PURE__*/function () {
+  const TextField = function (_a) {
+    var propsId = _a.id,
+      labelText = _a.labelText,
+      _b = _a.inline,
+      inline = _b === void 0 ? false : _b,
+      icon = _a.icon,
+      validationMessage = _a.validationMessage,
+      description = _a.description,
+      status = _a.status,
+      _c = _a.reversed,
+      reversed = _c === void 0 ? false : _c,
+      disabled = _a.disabled,
+      restProps = tslib.__rest(_a, ["id", "labelText", "inline", "icon", "validationMessage", "description", "status", "reversed", "disabled"]);
+    var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
+    var validationMessageAria = validationMessage ? "".concat(id, "-field-validation-message") : "";
+    var descriptionAria = description ? "".concat(id, "-field-description") : "";
+    var ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(function (prev, curr) {
+      return curr ? [curr, prev].join(" ") : prev;
+    }, "");
+    return React.createElement(FieldGroup.FieldGroup, {
+      id: "".concat(id, "-field-group"),
+      "data-testid": "".concat(id, "-field-group"),
+      inline: inline,
+      classNameOverride: classnames(TextField_module.withLabel, disabled && TextField_module.withDisabled)
+    }, React.createElement(Label.Label, {
+      id: "".concat(id, "-field-label"),
+      "data-testid": "".concat(id, "-field-label"),
+      htmlFor: "".concat(id, "-field-input"),
+      labelText: labelText,
+      reversed: reversed,
+      disabled: disabled
+    }), React.createElement(Input.Input, tslib.__assign({
+      id: "".concat(id, "-field-input"),
+      "data-testid": "".concat(id, "-field-input"),
+      "aria-describedby": ariaDescribedBy,
+      classNameOverride: TextField_module.input,
+      disabled: disabled,
+      reversed: reversed,
+      status: status,
+      startIconAdornment: icon,
+      endIconAdornment: status === "success" && React.createElement("div", {
+        className: classnames(TextField_module.success, disabled && TextField_module.disabled)
+      }, React.createElement(SuccessIcon.SuccessIcon, {
+        role: "presentation"
+      }))
+    }, restProps)), validationMessage && React.createElement("div", {
+      className: classnames(TextField_module.message, disabled && TextField_module.disabled)
+    }, React.createElement(FieldMessage.FieldMessage, {
+      id: validationMessageAria,
+      message: validationMessage,
+      status: status,
+      reversed: reversed
+    })), description && React.createElement("div", {
+      className: classnames(TextField_module.message, disabled && TextField_module.disabled)
+    }, React.createElement(FieldMessage.FieldMessage, {
+      id: descriptionAria,
+      message: description,
+      reversed: reversed
+    })));
+  };
+  TextField.displayName = "TextField";
+  return TextField;
+}();
+exports.TextField = TextField;
+//# sourceMappingURL=TextField.cjs.map

package/dist/cjs/TextField/TextField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.cjs","sources":["../../../src/TextField/TextField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Input, InputProps } from \"~components/Input\"\nimport { Label } from \"~components/Label\"\nimport { SuccessIcon } from \"..\"\nimport styles from \"./TextField.module.scss\"\n\ntype OmittedInputProps =\n  | \"startIconAdornment\"\n  | \"endIconAdornment\"\n  | \"ariaDescribedBy\"\n  | \"ariaLabel\"\n\nexport interface TextFieldProps extends Omit<InputProps, OmittedInputProps> {\n  /**\n   * A short example of input text. For context or additional information use the `description` prop\n   */\n  labelText: React.ReactNode\n  inline?: boolean\n  icon?: JSX.Element\n  /**\n   * A descriptive message for `error` or `caution` states\n   */\n  validationMessage?: string | React.ReactNode\n  /**\n   * A description that provides context for the text field\n   */\n  description?: string | React.ReactNode\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-text-field--docs Storybook}\n */\nexport const TextField = ({\n  id: propsId,\n  labelText,\n  inline = false,\n  icon,\n  validationMessage,\n  description,\n  status,\n  reversed = false,\n  disabled,\n  ...restProps\n}: TextFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n  const validationMessageAria = validationMessage\n    ? `${id}-field-validation-message`\n    : \"\"\n  const descriptionAria = description ? `${id}-field-description` : \"\"\n\n  const ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(\n    (prev, curr) => (curr ? [curr, prev].join(\" \") : prev),\n    \"\"\n  )\n\n  return (\n    <FieldGroup\n      id={`${id}-field-group`}\n      data-testid={`${id}-field-group`}\n      inline={inline}\n      classNameOverride={classnames(\n        styles.withLabel,\n        disabled && styles.withDisabled\n      )}\n    >\n      <Label\n        id={`${id}-field-label`}\n        data-testid={`${id}-field-label`}\n        htmlFor={`${id}-field-input`}\n        labelText={labelText}\n        reversed={reversed}\n        disabled={disabled}\n      />\n      <Input\n        id={`${id}-field-input`}\n        data-testid={`${id}-field-input`}\n        aria-describedby={ariaDescribedBy}\n        classNameOverride={styles.input}\n        disabled={disabled}\n        reversed={reversed}\n        status={status}\n        startIconAdornment={icon}\n        endIconAdornment={\n          status === \"success\" && (\n            <div\n              className={classnames(\n                styles.success,\n                disabled && styles.disabled\n              )}\n            >\n              <SuccessIcon role=\"presentation\" />\n            </div>\n          )\n        }\n        {...restProps}\n      />\n\n      {validationMessage && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={validationMessageAria}\n            message={validationMessage}\n            status={status}\n            reversed={reversed}\n          />\n        </div>\n      )}\n\n      {description && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={descriptionAria}\n            message={description}\n            reversed={reversed}\n          />\n        </div>\n      )}\n    </FieldGroup>\n  )\n}\n\nTextField.displayName = \"TextField\"\n"],"names":["TextField","_a","propsId","id","labelText","_b","inline","icon","validationMessage","description","status","_c","reversed","disabled","restProps","__rest","useId","validationMessageAria","concat","descriptionAria","ariaDescribedBy","reduce","prev","curr","join","React","createElement","FieldGroup","classNameOverride","classnames","styles","withLabel","withDisabled","Label","htmlFor","Input","__assign","input","startIconAdornment","endIconAdornment","className","success","SuccessIcon","role","message","FieldMessage","displayName"],"mappings":"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"}

package/dist/cjs/TextField/TextField.module.scss.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var styles = {
+  "input": "TextField-module_input__CEokl",
+  "success": "TextField-module_success__pMLcV",
+  "fade-0-to-1": "TextField-module_fade-0-to-1__Ac-99",
+  "withReversed": "TextField-module_withReversed__agi-Q",
+  "disabled": "TextField-module_disabled__gS8tk",
+  "error": "TextField-module_error__7S-f2",
+  "caution": "TextField-module_caution__3gzHk",
+  "message": "TextField-module_message__bQOgK"
+};
+module.exports = styles;
+//# sourceMappingURL=TextField.module.scss.cjs.map

package/dist/cjs/TextField/TextField.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/cjs/VisuallyHidden/VisuallyHidden.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var VisuallyHidden_module = require('./VisuallyHidden.module.scss.cjs');
+const VisuallyHidden = /*#__PURE__*/function () {
+  const VisuallyHidden = function (_a) {
+    var children = _a.children,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["children", "classNameOverride"]);
+    return React.createElement("span", tslib.__assign({
+      className: classnames(VisuallyHidden_module.srOnly, classNameOverride)
+    }, restProps), children);
+  };
+  VisuallyHidden.displayName = "VisuallyHidden";
+  return VisuallyHidden;
+}();
+exports.VisuallyHidden = VisuallyHidden;
+//# sourceMappingURL=VisuallyHidden.cjs.map

package/dist/cjs/VisuallyHidden/VisuallyHidden.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.cjs","sources":["../../../src/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import React, { ReactNode, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./VisuallyHidden.module.scss\"\n\nexport type VisuallyHiddenProps = {\n  children: ReactNode\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const VisuallyHidden = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: VisuallyHiddenProps): JSX.Element => (\n  <span className={classnames(styles.srOnly, classNameOverride)} {...restProps}>\n    {children}\n  </span>\n)\n\nVisuallyHidden.displayName = \"VisuallyHidden\"\n"],"names":["VisuallyHidden","_a","children","classNameOverride","restProps","__rest","React","createElement","__assign","className","classnames","styles","srOnly","displayName"],"mappings":";;;;;;MASaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHpB,IAAAC,QAAQ,cAAA;MACRC,iBAAiB,uBAAA;MACdC,SAAS,GAHiBC,KAAA,CAAAA,MAAA,CAAAJ,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAI9B,CADa;IAC0B,OACtCK,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,qBAAM,CAACC,MAAM,EAAET,iBAAiB;IAAC,CAAM,EAAAC,SAAS,GACzEF,QAAQ,CACJ;GACR;EAEDF,cAAc,CAACa,WAAW,GAAG,gBAAgB;EAAA,OAVhCb,cAAc;AAAA;"}

package/dist/cjs/VisuallyHidden/VisuallyHidden.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "srOnly": "VisuallyHidden-module_srOnly__tTjOK"
+};
+module.exports = styles;
+//# sourceMappingURL=VisuallyHidden.module.scss.cjs.map

package/dist/cjs/VisuallyHidden/VisuallyHidden.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/dts/Calendar/CalendarPopover/CalendarPopover.d.ts

@@ -0,0 +1,16 @@
+import React, { HTMLAttributes } from "react";
+import { Options } from "@popperjs/core";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type CalendarPopoverProps = {
+    children: React.ReactNode;
+    referenceElement: HTMLElement | null;
+    popperOptions?: Partial<Options>;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * Only for use with Calendar components.
+ * @todo: Replace with Popover when we have a reusable one.
+ */
+export declare const CalendarPopover: {
+    ({ children, referenceElement, popperOptions, classNameOverride, ...restProps }: CalendarPopoverProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Calendar/CalendarPopover/index.d.ts

@@ -0,0 +1 @@
+export * from "./CalendarPopover";

package/dist/cjs/dts/Calendar/CalendarRange/CalendarRange.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { DayPickerRangeProps } from "react-day-picker";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type CalendarRangeElement = HTMLDivElement;
+export type CalendarRangeProps = {
+    id?: string;
+    onMount?: (calendarElement: CalendarRangeElement) => void;
+    hasDivider?: boolean;
+} & OverrideClassName<Omit<DayPickerRangeProps, "mode">>;
+export declare const CalendarRange: {
+    ({ id, onMount, hasDivider, classNameOverride, selected, defaultMonth, locale, ...restProps }: CalendarRangeProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Calendar/CalendarRange/index.d.ts

@@ -0,0 +1 @@
+export * from "./CalendarRange";

package/dist/cjs/dts/Calendar/CalendarSingle/CalendarSingle.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { DayPickerSingleProps } from "react-day-picker";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type CalendarSingleElement = HTMLDivElement;
+export type CalendarSingleProps = {
+    id?: string;
+    onMount?: (calendarElement: CalendarSingleElement) => void;
+} & OverrideClassName<Omit<DayPickerSingleProps, "mode">>;
+export declare const CalendarSingle: {
+    ({ id, onMount, classNameOverride, selected, defaultMonth, weekStartsOn, locale, ...restProps }: CalendarSingleProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Calendar/CalendarSingle/index.d.ts

@@ -0,0 +1 @@
+export * from "./CalendarSingle";

package/dist/cjs/dts/Calendar/LegacyCalendarRange/LegacyCalendarRange.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { DateRange, DayClickEventHandler, Matcher } from "react-day-picker";
+import { DayOfWeek } from "../enums";
+export type LegacyCalendarRangeElement = HTMLDivElement;
+export type LegacyCalendarRangeProps = {
+    classNameOverride?: string;
+    defaultMonth?: Date;
+    weekStartsOn?: DayOfWeek;
+    disabledDays?: Matcher[];
+    selectedRange?: DateRange;
+    locale: Locale;
+    onDayChange: DayClickEventHandler;
+};
+export declare const LegacyCalendarRange: {
+    ({ classNameOverride, defaultMonth, weekStartsOn, disabledDays, selectedRange, locale, onDayChange, }: LegacyCalendarRangeProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Calendar/LegacyCalendarRange/index.d.ts

@@ -0,0 +1 @@
+export * from "./LegacyCalendarRange";

package/dist/cjs/dts/Calendar/_docs/controls/weekStartsOnControls.d.ts

@@ -0,0 +1,26 @@
+export declare const weekStartsOnControls: {
+    weekStartsOn: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                Sun: string;
+                Mon: string;
+                Tue: string;
+                Wed: string;
+                Thu: string;
+                Fri: string;
+                Sat: string;
+            };
+        };
+        mapping: {
+            Sun: 0;
+            Mon: 1;
+            Tue: 2;
+            Wed: 3;
+            Thu: 4;
+            Fri: 5;
+            Sat: 6;
+        };
+    };
+};

package/dist/cjs/dts/Calendar/baseCalendarClassNames.d.ts

@@ -0,0 +1,2 @@
+import { ClassNames } from "react-day-picker";
+export declare const baseCalendarClassNames: ClassNames;

package/dist/cjs/dts/Calendar/enums.d.ts

@@ -0,0 +1,15 @@
+export declare const DayOfWeek: {
+    readonly Sun: 0;
+    readonly Mon: 1;
+    readonly Tue: 2;
+    readonly Wed: 3;
+    readonly Thu: 4;
+    readonly Fri: 5;
+    readonly Sat: 6;
+};
+export type DayOfWeek = (typeof DayOfWeek)[keyof typeof DayOfWeek];
+export declare const DateFormat: {
+    readonly Numeral: "P";
+    readonly Text: "PP";
+};
+export type DateFormat = (typeof DateFormat)[keyof typeof DateFormat];

package/dist/cjs/dts/Calendar/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./CalendarSingle";
+export * from "./CalendarRange";
+export * from "./enums";
+export * from "./types";
+export * from "./utils";

package/dist/cjs/dts/Calendar/types.d.ts

@@ -0,0 +1,37 @@
+import { DateInterval, DateRange, DayPickerProps } from "react-day-picker";
+import { DayOfWeek } from "./enums";
+export type { DateInterval, DateRange };
+export type DisabledDays = DayPickerProps["disabled"];
+export type DisabledDayMatchers = {
+    /**
+     * Accepts an array of singluar dates and disables them.
+     * e.g. [new Date(2022, 1, 12), new Date(2022, 1, 25)]
+     */
+    disabledDates?: Date[];
+    /**
+     * Accepts an array of DayOfWeek values and disables those days throughout
+     * the calendar.
+     * e.g. [DayOfWeek.Mon, DayOfWeek.Tue]
+     */
+    disabledDaysOfWeek?: DayOfWeek[];
+    /**
+     * Accepts an object with a `from` and `to` date. Disables any date
+     * inside of that range, including the specified dates.
+     * { from: new Date(2022, 1, 12), to: new Date(2022, 1, 16) }
+     */
+    disabledRange?: DateRange;
+    /**
+     * Accepts an object with a `before` and `after` date. Disables any date
+     * inside of that range, excluding the specified dates.
+     * { after: new Date(2022, 1, 12), before: new Date(2022, 1, 16) }
+     */
+    disabledBeforeAfter?: DateInterval;
+    /**
+     * Accepts single date and disables all days before it.
+     * */
+    disabledBefore?: Date;
+    /**
+     * Accepts single date and disables all days after it.
+     */
+    disabledAfter?: Date;
+};

package/dist/cjs/dts/Calendar/utils/calculateDisabledDays.d.ts

@@ -0,0 +1,3 @@
+import { Matcher } from "react-day-picker";
+import { DisabledDayMatchers } from "../types";
+export declare const calculateDisabledDays: ({ disabledDates, disabledDaysOfWeek, disabledRange, disabledBeforeAfter, disabledBefore, disabledAfter, }: DisabledDayMatchers) => Matcher[];

package/dist/cjs/dts/Calendar/utils/formatDateAsNumeral.d.ts

@@ -0,0 +1 @@
+export declare const formatDateAsNumeral: (date: Date, locale: Locale) => string;

package/dist/cjs/dts/Calendar/utils/formatDateAsText.d.ts

@@ -0,0 +1,2 @@
+import { DisabledDays } from "../types";
+export declare const formatDateAsText: (date: Date, disabledDays: DisabledDays, locale: Locale) => string;

package/dist/cjs/dts/Calendar/utils/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./calculateDisabledDays";
+export * from "./formatDateAsNumeral";
+export * from "./formatDateAsText";
+export * from "./isDisabledDate";
+export * from "./isInvalidDate";
+export * from "./isValidWeekStartsOn";
+export * from "./isSelectingDayInCalendar";
+export * from "./parseDateAsTextOrNumeral";
+export * from "./parseDateFromNumeralFormatValue";
+export * from "./parseDateFromTextFormatValue";
+export * from "./setFocusInCalendar";

package/dist/cjs/dts/Calendar/utils/isDisabledDate.d.ts

@@ -0,0 +1,2 @@
+import { DisabledDays } from "../types";
+export declare const isDisabledDate: (date: Date, disabledDays: DisabledDays) => boolean;

package/dist/cjs/dts/Calendar/utils/isInvalidDate.d.ts

@@ -0,0 +1 @@
+export declare const isInvalidDate: (parsedDate: Date) => boolean;

package/dist/cjs/dts/Calendar/utils/isSelectingDayInCalendar.d.ts

@@ -0,0 +1 @@
+export declare const isSelectingDayInCalendar: (target: (EventTarget & Element) | null) => boolean;

package/dist/cjs/dts/Calendar/utils/isValidWeekStartsOn.d.ts

@@ -0,0 +1,2 @@
+import { DayOfWeek } from "../enums";
+export declare const isValidWeekStartsOn: (day: DayOfWeek | undefined) => day is 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;

package/dist/cjs/dts/Calendar/utils/parseDateAsTextOrNumeral.d.ts

@@ -0,0 +1 @@
+export declare const parseDateAsTextOrNumeral: (value: string, locale: Locale) => Date;

package/dist/cjs/dts/Calendar/utils/parseDateFromNumeralFormatValue.d.ts

@@ -0,0 +1 @@
+export declare const parseDateFromNumeralFormatValue: (value: string, locale: Locale) => Date;

package/dist/cjs/dts/Calendar/utils/parseDateFromTextFormatValue.d.ts

@@ -0,0 +1 @@
+export declare const parseDateFromTextFormatValue: (value: string, locale: Locale) => Date;

package/dist/cjs/dts/Calendar/utils/setFocusInCalendar.d.ts

@@ -0,0 +1,3 @@
+import { CalendarRangeElement } from "../CalendarRange";
+import { CalendarSingleElement } from "../CalendarSingle";
+export declare const setFocusInCalendar: (calendarElement: CalendarSingleElement | CalendarRangeElement, selectedDay: Date | undefined) => void;

package/dist/cjs/dts/DateInput/DateInput/DateInput.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { InputProps } from "../../Input";
+type OmittedInputProps = "reversed" | "type" | "inputRef";
+export type DateInputProps = {
+    labelText: React.ReactNode;
+    isReversed?: boolean;
+} & Omit<InputProps, OmittedInputProps>;
+export declare const DateInput: React.ForwardRefExoticComponent<{
+    labelText: React.ReactNode;
+    isReversed?: boolean | undefined;
+} & Omit<InputProps, OmittedInputProps> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/cjs/dts/DateInput/DateInput/index.d.ts

@@ -0,0 +1 @@
+export * from "./DateInput";

package/dist/cjs/dts/DateInput/DateInputWithIconButton/DateInputWithIconButton.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { DateInputProps } from "../DateInput";
+export type DateInputWithIconButtonProps = {
+    /**
+     * Icon button onClick handler
+     */
+    onButtonClick: React.MouseEventHandler<HTMLButtonElement>;
+} & Omit<DateInputProps, "startIconAdornment" | "endIconAdornment">;
+export type DateInputWithIconButtonRefs = {
+    inputRef?: React.RefObject<HTMLInputElement>;
+    buttonRef?: React.RefObject<HTMLButtonElement>;
+};
+export declare const DateInputWithIconButton: React.ForwardRefExoticComponent<{
+    /**
+     * Icon button onClick handler
+     */
+    onButtonClick: React.MouseEventHandler<HTMLButtonElement>;
+} & Omit<DateInputProps, "startIconAdornment" | "endIconAdornment"> & React.RefAttributes<DateInputWithIconButtonRefs>>;

package/dist/cjs/dts/DateInput/DateInputWithIconButton/index.d.ts

@@ -0,0 +1 @@
+export * from "./DateInputWithIconButton";

package/dist/cjs/dts/DateInput/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./DateInput";
+export * from "./DateInputDescription";
+export * from "./DateInputWithIconButton";

package/dist/cjs/dts/DatePicker/DatePicker.d.ts

@@ -0,0 +1,55 @@
+import { RefObject } from "react";
+import { CalendarSingleProps, DisabledDayMatchers } from "../Calendar";
+import { DateInputFieldProps } from "./subcomponents/DateInputField";
+import { ValidationResponse } from "./types";
+import { DatePickerSupportedLocales } from "./utils/getLocale";
+type OmittedDateInputFieldProps = "onClick" | "onFocus" | "onChange" | "onBlur" | "onButtonClick" | "value" | "locale" | "id";
+export type DatePickerProps = {
+    id?: string;
+    buttonRef?: RefObject<HTMLButtonElement>;
+    onInputClick?: DateInputFieldProps["onClick"];
+    onInputFocus?: DateInputFieldProps["onFocus"];
+    onInputChange?: DateInputFieldProps["onChange"];
+    onInputBlur?: DateInputFieldProps["onBlur"];
+    onButtonClick?: DateInputFieldProps["onButtonClick"];
+    locale?: DatePickerSupportedLocales;
+    /**
+     * Accepts a DayOfWeek value to start the week on that day. By default,
+     * it's set to Monday.
+     */
+    weekStartsOn?: CalendarSingleProps["weekStartsOn"];
+    /**
+     * Accepts a date to display that month on first render.
+     */
+    defaultMonth?: CalendarSingleProps["defaultMonth"];
+    /**
+     *  The date passed in from the consumer that renders in the input and calendar.
+     */
+    selectedDay: Date | undefined;
+    /**
+     * Callback when date is updated either by the calendar picker or by typing and bluring.
+     * Date will return as undefined if invalid or disabled.
+     */
+    onDayChange: (date: Date | undefined) => void;
+    /**
+     * Callback when a date is selected. Utilises internal validation if not set.
+     */
+    onValidate?: (validationResponse: ValidationResponse) => void;
+    /**
+     * Updates the styling of the validation FieldMessage.
+     */
+    status?: DateInputFieldProps["status"] | undefined;
+    /**
+     * A descriptive message for the 'status' states.
+     */
+    validationMessage?: DateInputFieldProps["validationMessage"] | undefined;
+} & DisabledDayMatchers & Omit<DateInputFieldProps, OmittedDateInputFieldProps>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}
+ */
+export declare const DatePicker: {
+    ({ id: propsId, buttonRef: propsButtonRef, locale: propsLocale, disabledDates, disabledDaysOfWeek, disabledRange, disabledBeforeAfter, disabledBefore, disabledAfter, weekStartsOn, defaultMonth, selectedDay, status, validationMessage, onInputClick, onInputFocus, onInputChange, onInputBlur, onButtonClick, onDayChange, onValidate, ...restDateInputFieldProps }: DatePickerProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/cjs/dts/DatePicker/_docs/controls/datePickerLocaleControls.d.ts

@@ -0,0 +1,8 @@
+export declare const datePickerLocaleControls: {
+    locale: {
+        options: string[];
+        control: {
+            type: string;
+        };
+    };
+};

package/dist/cjs/dts/DatePicker/_docs/controls/disabledDayMatchersControls.d.ts

@@ -0,0 +1,96 @@
+export declare const disabledDayMatchersControls: {
+    disabledDates: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                Today: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            Today: Date[];
+            May2022: Date[];
+        };
+    };
+    disabledRange: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            May2022: {
+                from: Date;
+                to: Date;
+            };
+        };
+    };
+    disabledBeforeAfter: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            May2022: {
+                before: Date;
+                after: Date;
+            };
+        };
+    };
+    disabledBefore: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            May2022: Date;
+        };
+    };
+    disabledAfter: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            May2022: Date;
+        };
+    };
+    disabledDaysOfWeek: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                Fridays: string;
+                Weekends: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            Fridays: 5[];
+            Weekends: (0 | 6)[];
+        };
+    };
+};

package/dist/cjs/dts/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DatePicker";
+export * from "./types";

package/dist/cjs/dts/DatePicker/subcomponents/DateInputField/DateInputField.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+import { DateInputDescriptionProps, DateInputWithIconButtonProps, DateInputWithIconButtonRefs } from "../../../DateInput";
+import { FieldMessageStatus } from "../../../FieldMessage";
+export type DateInputFieldProps = {
+    /**
+     * A description that provides context for the text field
+     */
+    description?: DateInputDescriptionProps["description"];
+    /**
+     * Updates the styling of the validation FieldMessage
+     */
+    status?: FieldMessageStatus;
+    /**
+     * A descriptive message for `status` states
+     */
+    validationMessage?: React.ReactNode;
+    locale?: Locale;
+} & DateInputWithIconButtonProps;
+export declare const DateInputField: React.ForwardRefExoticComponent<{
+    /**
+     * A description that provides context for the text field
+     */
+    description?: DateInputDescriptionProps["description"];
+    /**
+     * Updates the styling of the validation FieldMessage
+     */
+    status?: FieldMessageStatus | undefined;
+    /**
+     * A descriptive message for `status` states
+     */
+    validationMessage?: React.ReactNode;
+    locale?: Locale | undefined;
+} & {
+    onButtonClick: React.MouseEventHandler<HTMLButtonElement>;
+} & Omit<import("../../../DateInput").DateInputProps, "startIconAdornment" | "endIconAdornment"> & React.RefAttributes<DateInputWithIconButtonRefs>>;

package/dist/cjs/dts/DatePicker/subcomponents/DateInputField/index.d.ts

@@ -0,0 +1 @@
+export * from "./DateInputField";