@itwin/components-react 4.17.1 → 5.0.0-dev.2

package/lib/cjs/components-react/converters/TypeConverterManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TypeConverterManager.js","sourceRoot":"","sources":["../../../../src/components-react/converters/TypeConverterManager.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,0DAA0D;AAE1D,+DAA4D;AAE5D;;;GAGG;AACH,MAAa,oBAAoB;IAIvB,MAAM,CAAC,oBAAoB,CACjC,QAAgB,EAChB,aAAsB;QAEtB,IAAI,iBAAiB,GAAG,QAAQ,CAAC;QACjC,IAAI,aAAa;YAAE,iBAAiB,IAAI,IAAI,aAAa,EAAE,CAAC;QAC5D,OAAO,iBAAiB,CAAC;IAC3B,CAAC;IAEM,MAAM,CAAC,iBAAiB,CAC7B,QAAgB,EAChB,SAAkC,EAClC,aAAsB;QAEtB,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,oBAAoB,CACjE,QAAQ,EACR,aAAa,CACd,CAAC;QAEF,IAAI,oBAAoB,CAAC,WAAW,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,CAAC;YACvE,MAAM,eAAe,GACnB,oBAAoB,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC;YACvE,MAAM,KAAK,CACT,uDAAuD,QAAQ,4BAA4B,eAAe,GAAG,CAC9G,CAAC;QACJ,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,SAAS,EAAE,CAAC;QACjC,oBAAoB,CAAC,WAAW,CAAC,iBAAiB,CAAC,GAAG,QAAQ,CAAC;IACjE,CAAC;IAEM,MAAM,CAAC,mBAAmB,CAC/B,QAAgB,EAChB,aAAsB;QAEtB,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,oBAAoB,CACjE,QAAQ,EACR,aAAa,CACd,CAAC;QAEF,IAAI,oBAAoB,CAAC,WAAW,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,CAAC;YACvE,OAAO,oBAAoB,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC;IAEM,MAAM,CAAC,YAAY,CACxB,QAAgB,EAChB,aAAsB;QAEtB,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,oBAAoB,CACjE,QAAQ,EACR,aAAa,CACd,CAAC;QAEF,IAAI,oBAAoB,CAAC,WAAW,CAAC,cAAc,CAAC,iBAAiB,CAAC;YACpE,OAAO,oBAAoB,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QAE7D,IAAI,CAAC,oBAAoB,CAAC,qBAAqB,EAAE,CAAC;YAChD,oBAAoB,CAAC,qBAAqB,GAAG,IAAI,yCAAmB,EAAE,CAAC;QACzE,CAAC;QACD,OAAO,oBAAoB,CAAC,qBAAqB,CAAC;IACpD,CAAC;;AAjEH,oDAkEC;AAjEgB,gCAAW,GAAuC,EAAE,CAAC;AAmEtE,oGAAoG;AACpG,6EAA6E;AAC7E,oBAAoB,CAAC,iBAAiB,CACpC,kCAAiB,CAAC,IAAI,EACtB,yCAAmB,CACpB,CAAC;AACF,oBAAoB,CAAC,iBAAiB,CACpC,kCAAiB,CAAC,MAAM,EACxB,yCAAmB,CACpB,CAAC;AACF,oBAAoB,CAAC,iBAAiB,CACpC,kCAAiB,CAAC,GAAG,EACrB,yCAAmB,CACpB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module TypeConverters\n */\n\nimport { StandardTypeNames } from \"@itwin/appui-abstract\";\nimport type { TypeConverter } from \"./TypeConverter\";\nimport { StringTypeConverter } from \"./StringTypeConverter\";\n\n/**\n * Manages Type Converters. Type Converters are registered with and obtained from the manager.\n * @public\n */\nexport class TypeConverterManager {\n  private static _converters: { [index: string]: TypeConverter } = {};\n  private static _defaultTypeConverter: TypeConverter;\n\n  private static getFullConverterName(\n    typename: string,\n    converterName?: string\n  ): string {\n    let fullConverterName = typename;\n    if (converterName) fullConverterName += `:${converterName}`;\n    return fullConverterName;\n  }\n\n  public static registerConverter(\n    typename: string,\n    converter: new () => TypeConverter,\n    converterName?: string\n  ): void {\n    const fullConverterName = TypeConverterManager.getFullConverterName(\n      typename,\n      converterName\n    );\n\n    if (TypeConverterManager._converters.hasOwnProperty(fullConverterName)) {\n      const nameOfConverter =\n        TypeConverterManager._converters[fullConverterName].constructor.name;\n      throw Error(\n        `TypeConverterManager.registerConverter error: type '${typename}' already registered to '${nameOfConverter}'`\n      );\n    }\n\n    const instance = new converter();\n    TypeConverterManager._converters[fullConverterName] = instance;\n  }\n\n  public static unregisterConverter(\n    typename: string,\n    converterName?: string\n  ): void {\n    const fullConverterName = TypeConverterManager.getFullConverterName(\n      typename,\n      converterName\n    );\n\n    if (TypeConverterManager._converters.hasOwnProperty(fullConverterName)) {\n      delete TypeConverterManager._converters[fullConverterName];\n    }\n  }\n\n  public static getConverter(\n    typename: string,\n    converterName?: string\n  ): TypeConverter {\n    const fullConverterName = TypeConverterManager.getFullConverterName(\n      typename,\n      converterName\n    );\n\n    if (TypeConverterManager._converters.hasOwnProperty(fullConverterName))\n      return TypeConverterManager._converters[fullConverterName];\n\n    if (!TypeConverterManager._defaultTypeConverter) {\n      TypeConverterManager._defaultTypeConverter = new StringTypeConverter();\n    }\n    return TypeConverterManager._defaultTypeConverter;\n  }\n}\n\n// Register these here as this is also the default type register, we always want it to be registered\n// and if moved to the StringTypeConverter it causes a dependency loop issue.\nTypeConverterManager.registerConverter(\n  StandardTypeNames.Text,\n  StringTypeConverter\n);\nTypeConverterManager.registerConverter(\n  StandardTypeNames.String,\n  StringTypeConverter\n);\nTypeConverterManager.registerConverter(\n  StandardTypeNames.URL,\n  StringTypeConverter\n);\n"]}

package/lib/cjs/components-react/converters/valuetypes/ConvertedTypes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConvertedTypes.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/converters/valuetypes/ConvertedTypes.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD;;GAEG;AACH,yBAAiB,mBAAmB,CAAC;IACnC;;OAEG;IACH,UAAiB,OAAO;QACtB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX;IAED;;OAEG;IACH,UAAiB,OAAQ,SAAQ,OAAO;QACtC,CAAC,EAAE,MAAM,CAAC;KACX;IAED;;OAEG;IACH,KAAY,KAAK,GAAG,OAAO,GAAG,OAAO,CAAC;IAEtC;;OAEG;IACH,KAAY,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,GAAG,UAAU,CAAC;CAC3E"}

package/lib/cjs/components-react/converters/valuetypes/ConvertedTypes.js

@@ -1,10 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module TypeConverters
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=ConvertedTypes.js.map

package/lib/cjs/components-react/converters/valuetypes/ConvertedTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConvertedTypes.js","sourceRoot":"","sources":["../../../../../src/components-react/converters/valuetypes/ConvertedTypes.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module TypeConverters\n */\n\nimport type { Id64String } from \"@itwin/core-bentley\";\n\n/** Converted Primitives namespace\n * @public\n */\nexport namespace ConvertedPrimitives {\n  /** Interface for 2d Point\n   * @public\n   */\n  export interface Point2d {\n    x: number;\n    y: number;\n  }\n\n  /** Interface for 3d Point\n   * @public\n   */\n  export interface Point3d extends Point2d {\n    z: number;\n  }\n\n  /** Type definition for 2d or 3d Point\n   * @public\n   */\n  export type Point = Point2d | Point3d;\n\n  /** Type definition for Value\n   * @public\n   */\n  export type Value = boolean | number | string | Date | Point | Id64String;\n}\n"]}

package/lib/cjs/components-react/datepicker/DateField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../../../src/components-react/datepicker/DateField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;GAEG;AAEH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,mDAAmD;IACnD,WAAW,EAAE,IAAI,CAAC;IAClB,yDAAyD;IACzD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC;kHAC8G;IAC9G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,2JAA2J;IAC3J,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,SAAS,EAAE,IAAI,EACf,WAAW,CAAC,EAAE,WAAW,EACzB,eAAe,CAAC,EAAE,aAAa,EAC/B,mBAAmB,CAAC,EAAE,oBAAoB,GACzC,MAAM,GAAG,SAAS,CAkEpB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,WAAW,EACX,KAAK,EACL,SAAS,GACV,EAAE,cAAc,qBA2FhB"}

package/lib/cjs/components-react/datepicker/DateField.js

@@ -1,176 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Date
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateField = exports.formatInputDate = void 0;
-require("./DateField.scss");
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const core_bentley_1 = require("@itwin/core-bentley");
-/** Function to format a Date object that is used in control, type editor, and type converter
- * to produce a consistent formatted Date string.
- * @internal
- */
-function formatInputDate(inputDate, timeDisplay, customFormatter, alternateDateFormat) {
-    if (customFormatter) {
-        return customFormatter.formateDate(inputDate);
-    }
-    if (alternateDateFormat) {
-        switch (alternateDateFormat) {
-            case appui_abstract_1.AlternateDateFormats.IsoDateTime:
-                return inputDate.toISOString();
-            case appui_abstract_1.AlternateDateFormats.IsoShort:
-                return inputDate.toISOString().slice(0, 10);
-            case appui_abstract_1.AlternateDateFormats.UtcDateTime:
-                return inputDate.toUTCString().slice(5);
-            case appui_abstract_1.AlternateDateFormats.UtcShort:
-                return inputDate.toUTCString().slice(5, 16);
-            case appui_abstract_1.AlternateDateFormats.UtcDateTimeWithDay:
-                return inputDate.toUTCString();
-            case appui_abstract_1.AlternateDateFormats.UtcShortWithDay:
-                return inputDate.toUTCString().slice(0, 16);
-        }
-    }
-    else {
-        const dateString = inputDate.toLocaleDateString(undefined, {
-            day: "2-digit",
-            month: "2-digit",
-            year: "numeric",
-        });
-        let timeString = "";
-        if (timeDisplay) {
-            switch (timeDisplay) {
-                case appui_abstract_1.TimeDisplay.H12MC:
-                    timeString = inputDate.toLocaleTimeString(undefined, {
-                        hour12: true,
-                        hour: "2-digit",
-                        minute: "2-digit",
-                    });
-                    break;
-                case appui_abstract_1.TimeDisplay.H12MSC:
-                    timeString = inputDate.toLocaleTimeString(undefined, {
-                        hour12: true,
-                        hour: "2-digit",
-                        minute: "2-digit",
-                        second: "2-digit",
-                    });
-                    break;
-                case appui_abstract_1.TimeDisplay.H24M:
-                    timeString = inputDate.toLocaleTimeString(undefined, {
-                        hour12: false,
-                        hour: "2-digit",
-                        minute: "2-digit",
-                    });
-                    if (timeString === "24:00")
-                        timeString = "00:00";
-                    break;
-                case appui_abstract_1.TimeDisplay.H24MS:
-                    timeString = inputDate.toLocaleTimeString(undefined, {
-                        hour12: false,
-                        hour: "2-digit",
-                        minute: "2-digit",
-                        second: "2-digit",
-                    });
-                    if (timeString === "24:00:00")
-                        timeString = "00:00:00";
-                    break;
-            }
-        }
-        return timeString.length ? `${dateString}, ${timeString}` : dateString;
-    }
-}
-exports.formatInputDate = formatInputDate;
-/** Date input component. This component is typically used by the [[DatePickerPopupButton]] to display and edit date and time.
- * @internal
- */
-function DateField({ initialDate, onDateChange, readOnly, dateFormatter, timeDisplay, style, className, }) {
-    const initialDateRef = React.useRef(initialDate);
-    const [hasBadInput, setHasBadInput] = React.useState(false);
-    const [inputValue, setInputValue] = React.useState(formatInputDate(initialDate, timeDisplay, dateFormatter));
-    // See if new initialDate props have changed since component mounted
-    React.useEffect(() => {
-        if (initialDate.getTime() !== initialDateRef.current.getTime()) {
-            initialDateRef.current = initialDate;
-        }
-        setInputValue(formatInputDate(initialDate, timeDisplay, dateFormatter));
-    }, [initialDate, dateFormatter, timeDisplay]);
-    const handleInputChange = React.useCallback((event) => {
-        setInputValue(event.currentTarget.value);
-    }, []);
-    const parseDate = React.useCallback((dateString) => {
-        try {
-            if (dateFormatter && dateFormatter.parseDate)
-                return dateFormatter.parseDate(dateString);
-            const newDateValue = Date.parse(dateString);
-            if (newDateValue)
-                return new Date(newDateValue);
-        }
-        catch (_error) {
-            core_bentley_1.Logger.logInfo("DateField", `Encountered error parsing input value '${dateString}' as a date.`);
-            return undefined;
-        }
-        return undefined;
-    }, [dateFormatter]);
-    const updateInputDate = React.useCallback((dateString) => {
-        try {
-            const newDateValue = parseDate(dateString);
-            if (newDateValue) {
-                const newDate = new Date(newDateValue);
-                onDateChange && onDateChange(newDate);
-                setHasBadInput(false);
-            }
-            else {
-                setHasBadInput(true);
-            }
-        }
-        catch (_error) {
-            setHasBadInput(true);
-        }
-    }, [onDateChange, parseDate]);
-    const handleOnBlur = React.useCallback((event) => {
-        updateInputDate(event.target.value);
-    }, [updateInputDate]);
-    function onInputKeyDown(event) {
-        if (event.key === "Enter") {
-            updateInputDate(event.currentTarget.value);
-            event.preventDefault();
-        }
-    }
-    const classNames = (0, classnames_1.default)(className, "components-date-input", hasBadInput && "components-date-has-error");
-    return (React.createElement(itwinui_react_1.Input, { "data-testid": "components-date-input", style: style, className: classNames, onKeyDown: onInputKeyDown, onBlur: handleOnBlur, onChange: handleInputChange, value: inputValue, disabled: readOnly || (dateFormatter && !dateFormatter.parseDate), size: "small" }));
-}
-exports.DateField = DateField;
-//# sourceMappingURL=DateField.js.map

package/lib/cjs/components-react/datepicker/DateField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../../src/components-react/datepicker/DateField.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Date\n */\n\nimport \"./DateField.scss\";\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport type { DateFormatter } from \"@itwin/appui-abstract\";\nimport { AlternateDateFormats, TimeDisplay } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { Logger } from \"@itwin/core-bentley\";\n\n/** Props for [[DateField]] Component.\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface DateFieldProps extends CommonProps {\n  /** Defines initial date and time for component. */\n  initialDate: Date;\n  /** Function to call when the date or time is changed. */\n  onDateChange?: (day: Date) => void;\n  /** Optional value to define if edit field allows editing. If a DateFormatter is provided\n   * it must provide a parseData function or the field will be read only no matter the setting of this value. */\n  readOnly?: boolean;\n  /** Optional date formatter that produces an explicit date display */\n  dateFormatter?: DateFormatter;\n  /** This property has two purposes, the first is specify that the display of time is desired and the second is to define the format of the time display. */\n  timeDisplay?: TimeDisplay;\n}\n\n/** Function to format a Date object that is used in control, type editor, and type converter\n * to produce a consistent formatted Date string.\n * @internal\n */\nexport function formatInputDate(\n  inputDate: Date,\n  timeDisplay?: TimeDisplay,\n  customFormatter?: DateFormatter,\n  alternateDateFormat?: AlternateDateFormats\n): string | undefined {\n  if (customFormatter) {\n    return customFormatter.formateDate(inputDate);\n  }\n\n  if (alternateDateFormat) {\n    switch (alternateDateFormat) {\n      case AlternateDateFormats.IsoDateTime:\n        return inputDate.toISOString();\n      case AlternateDateFormats.IsoShort:\n        return inputDate.toISOString().slice(0, 10);\n      case AlternateDateFormats.UtcDateTime:\n        return inputDate.toUTCString().slice(5);\n      case AlternateDateFormats.UtcShort:\n        return inputDate.toUTCString().slice(5, 16);\n      case AlternateDateFormats.UtcDateTimeWithDay:\n        return inputDate.toUTCString();\n      case AlternateDateFormats.UtcShortWithDay:\n        return inputDate.toUTCString().slice(0, 16);\n    }\n  } else {\n    const dateString = inputDate.toLocaleDateString(undefined, {\n      day: \"2-digit\",\n      month: \"2-digit\",\n      year: \"numeric\",\n    });\n    let timeString: string = \"\";\n\n    if (timeDisplay) {\n      switch (timeDisplay) {\n        case TimeDisplay.H12MC:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: true,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n          });\n          break;\n        case TimeDisplay.H12MSC:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: true,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n            second: \"2-digit\",\n          });\n          break;\n        case TimeDisplay.H24M:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: false,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n          });\n          if (timeString === \"24:00\") timeString = \"00:00\";\n          break;\n        case TimeDisplay.H24MS:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: false,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n            second: \"2-digit\",\n          });\n          if (timeString === \"24:00:00\") timeString = \"00:00:00\";\n          break;\n      }\n    }\n    return timeString.length ? `${dateString}, ${timeString}` : dateString;\n  }\n}\n\n/** Date input component. This component is typically used by the [[DatePickerPopupButton]] to display and edit date and time.\n * @internal\n */\nexport function DateField({\n  initialDate,\n  onDateChange,\n  readOnly,\n  dateFormatter,\n  timeDisplay,\n  style,\n  className,\n}: DateFieldProps) {\n  const initialDateRef = React.useRef(initialDate);\n  const [hasBadInput, setHasBadInput] = React.useState(false);\n  const [inputValue, setInputValue] = React.useState(\n    formatInputDate(initialDate, timeDisplay, dateFormatter)\n  );\n\n  // See if new initialDate props have changed since component mounted\n  React.useEffect(() => {\n    if (initialDate.getTime() !== initialDateRef.current.getTime()) {\n      initialDateRef.current = initialDate;\n    }\n    setInputValue(formatInputDate(initialDate, timeDisplay, dateFormatter));\n  }, [initialDate, dateFormatter, timeDisplay]);\n\n  const handleInputChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setInputValue(event.currentTarget.value);\n    },\n    []\n  );\n\n  const parseDate = React.useCallback(\n    (dateString: string) => {\n      try {\n        if (dateFormatter && dateFormatter.parseDate)\n          return dateFormatter.parseDate(dateString);\n\n        const newDateValue = Date.parse(dateString);\n        if (newDateValue) return new Date(newDateValue);\n      } catch (_error) {\n        Logger.logInfo(\n          \"DateField\",\n          `Encountered error parsing input value '${dateString}' as a date.`\n        );\n        return undefined;\n      }\n      return undefined;\n    },\n    [dateFormatter]\n  );\n\n  const updateInputDate = React.useCallback(\n    (dateString: string) => {\n      try {\n        const newDateValue = parseDate(dateString);\n        if (newDateValue) {\n          const newDate = new Date(newDateValue);\n          onDateChange && onDateChange(newDate);\n          setHasBadInput(false);\n        } else {\n          setHasBadInput(true);\n        }\n      } catch (_error) {\n        setHasBadInput(true);\n      }\n    },\n    [onDateChange, parseDate]\n  );\n\n  const handleOnBlur = React.useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      updateInputDate(event.target.value);\n    },\n    [updateInputDate]\n  );\n\n  function onInputKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void {\n    if (event.key === \"Enter\") {\n      updateInputDate(event.currentTarget.value);\n      event.preventDefault();\n    }\n  }\n  const classNames = classnames(\n    className,\n    \"components-date-input\",\n    hasBadInput && \"components-date-has-error\"\n  );\n  return (\n    <Input\n      data-testid=\"components-date-input\"\n      style={style}\n      className={classNames}\n      onKeyDown={onInputKeyDown}\n      onBlur={handleOnBlur}\n      onChange={handleInputChange}\n      value={inputValue}\n      disabled={readOnly || (dateFormatter && !dateFormatter.parseDate)}\n      size=\"small\"\n    />\n  );\n}\n"]}

package/lib/cjs/components-react/datepicker/DateField.scss

@@ -1,20 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
-
-.components-date-input {
-  width: auto;
-  padding: $uicore-iui-input-padding;
-
-  &.components-date-has-error {
-    color: var(--iui-color-text-negative);
-  }
-
-  &[disabled] {
-    color: var(--buic-foreground-body);
-    opacity: 0.65;
-  }
-}

package/lib/cjs/components-react/datepicker/DatePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components-react/datepicker/DatePicker.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,mBAAmB,CAAC;AAa3B;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,iCAAiC;IACjC,QAAQ,EAAE,IAAI,CAAC;IACf,qDAAqD;IACrD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;GAGG;AAEH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAmQhD"}

package/lib/cjs/components-react/datepicker/DatePicker.js

@@ -1,218 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Date
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatePicker = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const ts_key_enum_1 = require("ts-key-enum");
-const core_react_1 = require("@itwin/core-react");
-const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-require("./DatePicker.scss");
-const useTranslation_1 = require("../l10n/useTranslation");
-function isSameDay(a, b) {
-    return (a &&
-        b &&
-        a.getFullYear() === b.getFullYear() &&
-        a.getMonth() === b.getMonth() &&
-        a.getDate() === b.getDate());
-}
-/** DatePicker component. Show a month selector and a day calendar to select a specific date.
- * @alpha
- * @deprecated in 4.11.0. Use {@link https://itwinui.bentley.com/docs/datepicker iTwinUI date picker} instead.
- */
-// eslint-disable-next-line deprecation/deprecation
-function DatePicker(props) {
-    const { translate } = (0, useTranslation_1.useTranslation)();
-    const previousMonthLabel = translate("datepicker.previousMonth");
-    const nextMonthLabel = translate("datepicker.nextMonth");
-    const monthsLong = [
-        translate("month.long.january"),
-        translate("month.long.february"),
-        translate("month.long.march"),
-        translate("month.long.april"),
-        translate("month.long.may"),
-        translate("month.long.june"),
-        translate("month.long.july"),
-        translate("month.long.august"),
-        translate("month.long.september"),
-        translate("month.long.october"),
-        translate("month.long.november"),
-        translate("month.long.december"),
-    ];
-    const daysLong = [
-        translate("days.long.sunday"),
-        translate("days.long.monday"),
-        translate("days.long.tuesday"),
-        translate("days.long.wednesday"),
-        translate("days.long.thursday"),
-        translate("days.long.friday"),
-        translate("days.long.saturday"),
-    ];
-    const daysShort = [
-        translate("days.short.sunday"),
-        translate("days.short.monday"),
-        translate("days.short.tuesday"),
-        translate("days.short.wednesday"),
-        translate("days.short.thursday"),
-        translate("days.short.friday"),
-        translate("days.short.saturday"),
-    ];
-    const [selectedDay, setSelectedDay] = React.useState(new Date(props.selected.getTime()));
-    const [displayedMonthIndex, setDisplayedMonthIndex] = React.useState(selectedDay.getMonth());
-    const [displayedYear, setDisplayedYear] = React.useState(selectedDay.getFullYear());
-    const [focusedDay, setFocusedDay] = React.useState(selectedDay);
-    React.useEffect(() => {
-        const newSelectedDay = new Date(props.selected);
-        setSelectedDay(new Date(props.selected));
-        setDisplayedMonthIndex(newSelectedDay.getMonth());
-        setDisplayedYear(newSelectedDay.getFullYear());
-        setFocusedDay(newSelectedDay);
-    }, [props.selected]);
-    const days = React.useMemo(() => {
-        const msFirstDayOfMonth = new Date(displayedYear, displayedMonthIndex, 1).getTime();
-        let offsetToFirst = new Date(msFirstDayOfMonth).getDay();
-        if (0 === offsetToFirst)
-            offsetToFirst = 7;
-        const daysInMonth = [];
-        // generate 6 weeks of dates
-        for (let i = 0; i < 42; i++) {
-            const adjustedDay = 1 + i - offsetToFirst;
-            daysInMonth.push(new Date(displayedYear, displayedMonthIndex, adjustedDay));
-        }
-        return daysInMonth;
-    }, [displayedMonthIndex, displayedYear]);
-    const weeks = React.useMemo(() => {
-        const weeksInMonth = [];
-        const weekCount = Math.ceil(days.length / 7);
-        for (let i = 0; i < weekCount; i++) {
-            weeksInMonth.push(days.slice(i * 7, (i + 1) * 7));
-        }
-        return weeksInMonth;
-    }, [days]);
-    const setMonthAndYear = React.useCallback((newMonth, newYear) => {
-        setDisplayedMonthIndex(newMonth);
-        setDisplayedYear(newYear);
-        if (selectedDay.getFullYear() === newYear &&
-            selectedDay.getMonth() === newMonth) {
-            setFocusedDay(new Date(selectedDay.getTime()));
-        }
-        else {
-            const newFocusDay = new Date(focusedDay.getTime());
-            newFocusDay.setFullYear(newYear, newMonth, 1);
-            setFocusedDay(newFocusDay);
-        }
-    }, [focusedDay, selectedDay]);
-    const handleMoveToPreviousMonth = React.useCallback(() => {
-        const newMonth = displayedMonthIndex !== 0 ? displayedMonthIndex - 1 : 11;
-        const newYear = displayedMonthIndex !== 0 ? displayedYear : displayedYear - 1;
-        setMonthAndYear(newMonth, newYear);
-    }, [displayedMonthIndex, displayedYear, setMonthAndYear]);
-    const handleMoveToNextMonth = React.useCallback(() => {
-        const newMonth = displayedMonthIndex !== 11 ? displayedMonthIndex + 1 : 0;
-        const newYear = displayedMonthIndex !== 11 ? displayedYear : displayedYear + 1;
-        setMonthAndYear(newMonth, newYear);
-    }, [displayedMonthIndex, displayedYear, setMonthAndYear]);
-    // when invoked, it will return another function which can be used for the onClick React listener.
-    const handleOnDayChange = React.useCallback((day) => () => {
-        setSelectedDay(day);
-        setFocusedDay(day);
-        props.onDateChange && props.onDateChange(day);
-    }, [props]);
-    const handleCalendarKeyDown = React.useCallback((event) => {
-        if (event.key === ts_key_enum_1.Key.ArrowDown.valueOf()) {
-            const focusedDayIndex = days.findIndex((day) => isSameDay(day, focusedDay));
-            if (focusedDayIndex + 7 > 41)
-                setFocusedDay(days[focusedDayIndex % 7]);
-            else
-                setFocusedDay(days[focusedDayIndex + 7]);
-            event.preventDefault();
-        }
-        if (event.key === ts_key_enum_1.Key.ArrowUp.valueOf()) {
-            const focusedDayIndex = days.findIndex((day) => isSameDay(day, focusedDay));
-            if (focusedDayIndex - 7 < 0)
-                setFocusedDay(days[(focusedDayIndex % 7) + 35]);
-            else
-                setFocusedDay(days[focusedDayIndex - 7]);
-            event.preventDefault();
-        }
-        if (event.key === ts_key_enum_1.Key.ArrowLeft.valueOf()) {
-            const focusedDayIndex = days.findIndex((day) => isSameDay(day, focusedDay));
-            if (focusedDayIndex - 1 >= 0)
-                setFocusedDay(days[focusedDayIndex - 1]);
-            event.preventDefault();
-        }
-        if (event.key === ts_key_enum_1.Key.ArrowRight.valueOf()) {
-            const focusedDayIndex = days.findIndex((day) => isSameDay(day, focusedDay));
-            if (focusedDayIndex + 1 <= 41)
-                setFocusedDay(days[focusedDayIndex + 1]);
-            event.preventDefault();
-        }
-        if (event.key === ts_key_enum_1.Key.Enter.valueOf() || event.key === " ") {
-            handleOnDayChange(focusedDay)(); // NB: immediately call returned handler function
-            event.preventDefault();
-        }
-    }, [days, focusedDay, handleOnDayChange]);
-    const previousButtonClass = (0, classnames_1.default)("components-previous-month", props.showFocusOutline && "showFocusOutline");
-    const nextButtonClass = (0, classnames_1.default)("components-next-month", props.showFocusOutline && "showFocusOutline");
-    const calendarClass = (0, classnames_1.default)("components-date-picker-calendar-month", props.showFocusOutline && "showFocusOutline");
-    return (React.createElement("div", { className: "components-date-picker-calendar" },
-        React.createElement("div", { className: "components-date-picker-calendar-header-months" },
-            React.createElement("button", { className: previousButtonClass, title: previousMonthLabel, onClick: handleMoveToPreviousMonth },
-                React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgChevronLeft, null) })),
-            React.createElement("span", { className: "components-month-year" },
-                monthsLong[displayedMonthIndex],
-                " ",
-                displayedYear),
-            React.createElement("button", { className: nextButtonClass, title: nextMonthLabel, onClick: handleMoveToNextMonth },
-                React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgChevronRight, null) }))),
-        React.createElement("div", { className: "components-date-picker-calendar-header-weekdays" }, [0, 1, 2, 3, 4, 5, 6].map((dayOfWeek) => (React.createElement("div", { key: `day-${dayOfWeek}`, className: "components-date-picker-calendar-header-day-short", title: daysLong[dayOfWeek] },
-            React.createElement("span", null, daysShort[dayOfWeek]))))),
-        React.createElement("ul", { tabIndex: 0, onKeyDown: handleCalendarKeyDown, "data-testid": "components-date-picker-calendar-list", className: calendarClass, role: "listbox" }, weeks.map((weekdays, weekIndex) => (React.createElement(React.Fragment, { key: `week-${weekIndex}` }, weekdays.map((day, dayIndex) => {
-            const isActive = selectedDay && day && isSameDay(selectedDay, day);
-            const isFocused = focusedDay &&
-                day &&
-                isSameDay(focusedDay, day) &&
-                props.showFocusOutline;
-            const isCurrentMonth = day.getMonth() === displayedMonthIndex;
-            const classNames = (0, classnames_1.default)("components-date-picker-calendar-day", isActive && "selected", !isCurrentMonth && "notCurrentMonth", isFocused && "focused");
-            const dateValue = day.getDate();
-            return (
-            /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
-            React.createElement("li", { className: classNames, key: `${displayedYear}.${displayedMonthIndex}.day.${dayIndex}`, onClick: handleOnDayChange(day), role: "option", "aria-selected": isActive, "data-value": day.getTime() },
-                React.createElement("span", null, dateValue)));
-        })))))));
-}
-exports.DatePicker = DatePicker;
-//# sourceMappingURL=DatePicker.js.map

package/lib/cjs/components-react/datepicker/DatePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components-react/datepicker/DatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Date\n */\n\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport { Key } from \"ts-key-enum\";\nimport { Icon } from \"@itwin/core-react\";\nimport { SvgChevronLeft, SvgChevronRight } from \"@itwin/itwinui-icons-react\";\nimport \"./DatePicker.scss\";\nimport { useTranslation } from \"../l10n/useTranslation\";\n\nfunction isSameDay(a: Date, b: Date) {\n  return (\n    a &&\n    b &&\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n}\n\n/**\n * Props for [[DatePicker]] component.\n * @alpha\n * @deprecated in 4.11.0. Props of deprecated component {@link DatePicker}.\n */\nexport interface DatePickerProps {\n  /** defines both date and time */\n  selected: Date;\n  /** function to call when date or time has changed */\n  onDateChange?: (day: Date) => void;\n  /** show focus outlines, useful for keyboard navigation */\n  showFocusOutline?: boolean;\n}\n\n/** DatePicker component. Show a month selector and a day calendar to select a specific date.\n * @alpha\n * @deprecated in 4.11.0. Use {@link https://itwinui.bentley.com/docs/datepicker iTwinUI date picker} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function DatePicker(props: DatePickerProps) {\n  const { translate } = useTranslation();\n  const previousMonthLabel = translate(\"datepicker.previousMonth\");\n  const nextMonthLabel = translate(\"datepicker.nextMonth\");\n  const monthsLong = [\n    translate(\"month.long.january\"),\n    translate(\"month.long.february\"),\n    translate(\"month.long.march\"),\n    translate(\"month.long.april\"),\n    translate(\"month.long.may\"),\n    translate(\"month.long.june\"),\n    translate(\"month.long.july\"),\n    translate(\"month.long.august\"),\n    translate(\"month.long.september\"),\n    translate(\"month.long.october\"),\n    translate(\"month.long.november\"),\n    translate(\"month.long.december\"),\n  ];\n\n  const daysLong = [\n    translate(\"days.long.sunday\"),\n    translate(\"days.long.monday\"),\n    translate(\"days.long.tuesday\"),\n    translate(\"days.long.wednesday\"),\n    translate(\"days.long.thursday\"),\n    translate(\"days.long.friday\"),\n    translate(\"days.long.saturday\"),\n  ];\n\n  const daysShort = [\n    translate(\"days.short.sunday\"),\n    translate(\"days.short.monday\"),\n    translate(\"days.short.tuesday\"),\n    translate(\"days.short.wednesday\"),\n    translate(\"days.short.thursday\"),\n    translate(\"days.short.friday\"),\n    translate(\"days.short.saturday\"),\n  ];\n\n  const [selectedDay, setSelectedDay] = React.useState(\n    new Date(props.selected.getTime())\n  );\n  const [displayedMonthIndex, setDisplayedMonthIndex] = React.useState(\n    selectedDay.getMonth()\n  );\n  const [displayedYear, setDisplayedYear] = React.useState(\n    selectedDay.getFullYear()\n  );\n  const [focusedDay, setFocusedDay] = React.useState(selectedDay);\n  React.useEffect(() => {\n    const newSelectedDay = new Date(props.selected);\n    setSelectedDay(new Date(props.selected));\n    setDisplayedMonthIndex(newSelectedDay.getMonth());\n    setDisplayedYear(newSelectedDay.getFullYear());\n    setFocusedDay(newSelectedDay);\n  }, [props.selected]);\n  const days = React.useMemo(() => {\n    const msFirstDayOfMonth = new Date(\n      displayedYear,\n      displayedMonthIndex,\n      1\n    ).getTime();\n    let offsetToFirst = new Date(msFirstDayOfMonth).getDay();\n    if (0 === offsetToFirst) offsetToFirst = 7;\n\n    const daysInMonth: Date[] = [];\n    // generate 6 weeks of dates\n    for (let i = 0; i < 42; i++) {\n      const adjustedDay = 1 + i - offsetToFirst;\n      daysInMonth.push(\n        new Date(displayedYear, displayedMonthIndex, adjustedDay)\n      );\n    }\n    return daysInMonth;\n  }, [displayedMonthIndex, displayedYear]);\n\n  const weeks = React.useMemo(() => {\n    const weeksInMonth = [];\n    const weekCount = Math.ceil(days.length / 7);\n    for (let i = 0; i < weekCount; i++) {\n      weeksInMonth.push(days.slice(i * 7, (i + 1) * 7));\n    }\n    return weeksInMonth;\n  }, [days]);\n\n  const setMonthAndYear = React.useCallback(\n    (newMonth: number, newYear: number) => {\n      setDisplayedMonthIndex(newMonth);\n      setDisplayedYear(newYear);\n      if (\n        selectedDay.getFullYear() === newYear &&\n        selectedDay.getMonth() === newMonth\n      ) {\n        setFocusedDay(new Date(selectedDay.getTime()));\n      } else {\n        const newFocusDay = new Date(focusedDay.getTime());\n        newFocusDay.setFullYear(newYear, newMonth, 1);\n        setFocusedDay(newFocusDay);\n      }\n    },\n    [focusedDay, selectedDay]\n  );\n\n  const handleMoveToPreviousMonth = React.useCallback(() => {\n    const newMonth = displayedMonthIndex !== 0 ? displayedMonthIndex - 1 : 11;\n    const newYear =\n      displayedMonthIndex !== 0 ? displayedYear : displayedYear - 1;\n    setMonthAndYear(newMonth, newYear);\n  }, [displayedMonthIndex, displayedYear, setMonthAndYear]);\n\n  const handleMoveToNextMonth = React.useCallback(() => {\n    const newMonth = displayedMonthIndex !== 11 ? displayedMonthIndex + 1 : 0;\n    const newYear =\n      displayedMonthIndex !== 11 ? displayedYear : displayedYear + 1;\n    setMonthAndYear(newMonth, newYear);\n  }, [displayedMonthIndex, displayedYear, setMonthAndYear]);\n\n  // when invoked, it will return another function which can be used for the onClick React listener.\n  const handleOnDayChange = React.useCallback(\n    (day: Date) => () => {\n      setSelectedDay(day);\n      setFocusedDay(day);\n      props.onDateChange && props.onDateChange(day);\n    },\n    [props]\n  );\n\n  const handleCalendarKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLUListElement>) => {\n      if (event.key === Key.ArrowDown.valueOf()) {\n        const focusedDayIndex = days.findIndex((day) =>\n          isSameDay(day, focusedDay)\n        );\n        if (focusedDayIndex + 7 > 41) setFocusedDay(days[focusedDayIndex % 7]);\n        else setFocusedDay(days[focusedDayIndex + 7]);\n        event.preventDefault();\n      }\n      if (event.key === Key.ArrowUp.valueOf()) {\n        const focusedDayIndex = days.findIndex((day) =>\n          isSameDay(day, focusedDay)\n        );\n        if (focusedDayIndex - 7 < 0)\n          setFocusedDay(days[(focusedDayIndex % 7) + 35]);\n        else setFocusedDay(days[focusedDayIndex - 7]);\n        event.preventDefault();\n      }\n      if (event.key === Key.ArrowLeft.valueOf()) {\n        const focusedDayIndex = days.findIndex((day) =>\n          isSameDay(day, focusedDay)\n        );\n        if (focusedDayIndex - 1 >= 0) setFocusedDay(days[focusedDayIndex - 1]);\n        event.preventDefault();\n      }\n      if (event.key === Key.ArrowRight.valueOf()) {\n        const focusedDayIndex = days.findIndex((day) =>\n          isSameDay(day, focusedDay)\n        );\n        if (focusedDayIndex + 1 <= 41) setFocusedDay(days[focusedDayIndex + 1]);\n        event.preventDefault();\n      }\n      if (event.key === Key.Enter.valueOf() || event.key === \" \") {\n        handleOnDayChange(focusedDay)(); // NB: immediately call returned handler function\n        event.preventDefault();\n      }\n    },\n    [days, focusedDay, handleOnDayChange]\n  );\n\n  const previousButtonClass = classnames(\n    \"components-previous-month\",\n    props.showFocusOutline && \"showFocusOutline\"\n  );\n  const nextButtonClass = classnames(\n    \"components-next-month\",\n    props.showFocusOutline && \"showFocusOutline\"\n  );\n  const calendarClass = classnames(\n    \"components-date-picker-calendar-month\",\n    props.showFocusOutline && \"showFocusOutline\"\n  );\n\n  return (\n    <div className=\"components-date-picker-calendar\">\n      <div className=\"components-date-picker-calendar-header-months\">\n        <button\n          className={previousButtonClass}\n          title={previousMonthLabel}\n          onClick={handleMoveToPreviousMonth}\n        >\n          {/* eslint-disable-next-line deprecation/deprecation */}\n          <Icon iconSpec={<SvgChevronLeft />} />\n        </button>\n        <span className=\"components-month-year\">\n          {monthsLong[displayedMonthIndex]} {displayedYear}\n        </span>\n        <button\n          className={nextButtonClass}\n          title={nextMonthLabel}\n          onClick={handleMoveToNextMonth}\n        >\n          {/* eslint-disable-next-line deprecation/deprecation */}\n          <Icon iconSpec={<SvgChevronRight />} />\n        </button>\n      </div>\n      <div className=\"components-date-picker-calendar-header-weekdays\">\n        {[0, 1, 2, 3, 4, 5, 6].map((dayOfWeek) => (\n          <div\n            key={`day-${dayOfWeek}`}\n            className=\"components-date-picker-calendar-header-day-short\"\n            title={daysLong[dayOfWeek]}\n          >\n            <span>{daysShort[dayOfWeek]}</span>\n          </div>\n        ))}\n      </div>\n      <ul\n        tabIndex={0}\n        onKeyDown={handleCalendarKeyDown}\n        data-testid=\"components-date-picker-calendar-list\"\n        className={calendarClass}\n        role=\"listbox\"\n      >\n        {weeks.map((weekdays, weekIndex) => (\n          <React.Fragment key={`week-${weekIndex}`}>\n            {weekdays.map((day: Date, dayIndex: number) => {\n              const isActive =\n                selectedDay && day && isSameDay(selectedDay, day);\n              const isFocused =\n                focusedDay &&\n                day &&\n                isSameDay(focusedDay, day) &&\n                props.showFocusOutline;\n              const isCurrentMonth = day.getMonth() === displayedMonthIndex;\n              const classNames = classnames(\n                \"components-date-picker-calendar-day\",\n                isActive && \"selected\",\n                !isCurrentMonth && \"notCurrentMonth\",\n                isFocused && \"focused\"\n              );\n              const dateValue = day.getDate();\n              return (\n                /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */\n                <li\n                  className={classNames}\n                  key={`${displayedYear}.${displayedMonthIndex}.day.${dayIndex}`}\n                  onClick={handleOnDayChange(day)}\n                  role=\"option\"\n                  aria-selected={isActive}\n                  data-value={day.getTime()}\n                >\n                  <span>{dateValue}</span>\n                </li>\n              );\n            })}\n          </React.Fragment>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"]}