@itwin/components-react 3.6.0 → 3.6.1

package/lib/esm/components-react/converters/TypeConverter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypeConverter.js","sourceRoot":"","sources":["../../../../src/components-react/converters/TypeConverter.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,qCAAqC;AAErC,OAAO,EAAkF,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AA6C5I;;;GAGG;AACH,MAAM,OAAgB,aAAa;IACjC,6CAA6C;IACtC,eAAe,CAAC,KAAwB;QAC7C,IAAI,KAAK,KAAK,SAAS;YACrB,OAAO,EAAE,CAAC;QACZ,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC1B,CAAC;IAED,wEAAwE;IACjE,0BAA0B,CAAC,KAAwB,EAAE,QAAiC;QAC3F,OAAO,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,6CAA6C;IACtC,iBAAiB,CAAC,MAAc;QACrC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,0EAA0E;IACnE,4BAA4B,CAAC,KAAa,EAAE,QAAiC;QAClF,OAAO,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAED,0EAA0E;IACnE,uBAAuB,CAAC,mBAAwC,EAAE,KAAwB;;QAC/F,OAAO,IAAI,CAAC,0BAA0B,CAAC,KAAK,EAAE,MAAA,mBAAmB,CAAC,SAAS,0CAAE,OAAO,CAAC,CAAC;IACxF,CAAC;IAED,mEAAmE;IAC5D,KAAK,CAAC,gCAAgC,CAAC,KAAa,EAAE,cAA+B;QAC1F,MAAM,gBAAgB,GAAG,CAAC,cAAc,IAAI,cAAc,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;QACvI,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,4BAA4B,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;QACrF,MAAM,aAAa,GAAmB;YACpC,WAAW,EAAE,mBAAmB,CAAC,SAAS;YAC1C,KAAK,EAAE,WAAW;YAClB,YAAY,EAAE,EAAE;SACjB,CAAC;QACF,OAAO,aAAa,CAAC;IACvB,CAAC;IAKD,mDAAmD;IAC5C,SAAS,CAAC,MAAwB,EAAE,MAAwB;QACjE,OAAO,MAAM,KAAK,MAAM,CAAC;IAC3B,CAAC;IAED,uDAAuD;IAChD,YAAY,CAAC,MAAwB,EAAE,MAAwB;QACpE,OAAO,MAAM,KAAK,MAAM,CAAC;IAC3B,CAAC;IAED,2DAA2D;IACpD,MAAM,CAAC,KAAuB;QACnC,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC;IAC/C,CAAC;IAED,mEAAmE;IAC5D,SAAS,CAAC,KAAuB;QACtC,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC;IAC/C,CAAC;IAED,uDAAuD;IACvD,IAAW,YAAY,KAAc,OAAO,KAAK,CAAC,CAAC,CAAC;IACpD,wDAAwD;IACxD,IAAW,iBAAiB,KAAc,OAAO,KAAK,CAAC,CAAC,CAAC;IACzD,wDAAwD;IACxD,IAAW,aAAa,KAAc,OAAO,KAAK,CAAC,CAAC,CAAC;IACrD,yDAAyD;IACzD,IAAW,cAAc,KAAc,OAAO,IAAI,CAAC,CAAC,CAAC;CACtD","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\n// cSpell:ignore valuetypes shortdate\n\nimport { Primitives, PrimitiveValue, PropertyDescription, PropertyRecord, PropertyValue, PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { ConvertedPrimitives } from \"./valuetypes/ConvertedTypes\";\n\n/** Sort compare method for types that support sorting\n * @public\n */\nexport interface SortComparer {\n  /** Sort function for two primitive values */\n  sortCompare(valueA: Primitives.Value, valueB: Primitives.Value, ignoreCase?: boolean): number;\n}\n\n/** Operators for all filterable types\n * @public\n */\nexport interface OperatorProcessor {\n  /** Determines if two primitive values are equal */\n  isEqualTo(a: Primitives.Value, b: Primitives.Value): boolean;\n  /** Determines if two primitive values are not equal */\n  isNotEqualTo(a: Primitives.Value, b: Primitives.Value): boolean;\n}\n\n/** Operators for Numeric types, DateTime, TimeSpan, or  any type that supports these comparisons\n * @public\n */\nexport interface LessGreaterOperatorProcessor {\n  /** Determines if a primitive values is less than another primitive value */\n  isLessThan(a: Primitives.Value, b: Primitives.Value): boolean;\n  /** Determines if a primitive values is less than or equal to another primitive value */\n  isLessThanOrEqualTo(a: Primitives.Value, b: Primitives.Value): boolean;\n  /** Determines if a primitive values is greater than another primitive value */\n  isGreaterThan(a: Primitives.Value, b: Primitives.Value): boolean;\n  /** Determines if a primitive values is greater than or equal to another primitive value */\n  isGreaterThanOrEqualTo(a: Primitives.Value, b: Primitives.Value): boolean;\n}\n\n/** Operators for all filterable null-able types\n * @public\n */\nexport interface NullableOperatorProcessor {\n  /** Determines if a primitive value is null or undefined */\n  isNull(value: Primitives.Value): boolean;\n  /** Determines if a primitive value is not null or not undefined */\n  isNotNull(value: Primitives.Value): boolean;\n}\n\n/**\n * Type Converter base class.\n * @public\n */\nexport abstract class TypeConverter implements SortComparer, OperatorProcessor, NullableOperatorProcessor {\n  /** Converts a primitive value to a string */\n  public convertToString(value?: Primitives.Value): string | Promise<string> {\n    if (value === undefined)\n      return \"\";\n    return value.toString();\n  }\n\n  /** Default implementation just calls convertToString with no options */\n  public convertToStringWithOptions(value?: Primitives.Value, _options?: { [key: string]: any }): string | Promise<string> {\n    return this.convertToString(value);\n  }\n\n  /** Converts a string to a primitive value */\n  public convertFromString(_value: string): ConvertedPrimitives.Value | undefined | Promise<ConvertedPrimitives.Value | undefined> {\n    return undefined;\n  }\n\n  /** Default implementation just calls convertFromString with no options */\n  public convertFromStringWithOptions(value: string, _options?: { [key: string]: any }): ConvertedPrimitives.Value | undefined | Promise<ConvertedPrimitives.Value | undefined> {\n    return this.convertFromString(value);\n  }\n\n  /** Converts a value associated with a property description to a string */\n  public convertPropertyToString(propertyDescription: PropertyDescription, value?: Primitives.Value): string | Promise<string> {\n    return this.convertToStringWithOptions(value, propertyDescription.converter?.options);\n  }\n\n  /** Converts a string with a property record to a property value */\n  public async convertFromStringToPropertyValue(value: string, propertyRecord?: PropertyRecord): Promise<PropertyValue> {\n    const converterOptions = (propertyRecord && propertyRecord.property.converter) ? propertyRecord.property.converter.options : undefined;\n    const stringValue = await this.convertFromStringWithOptions(value, converterOptions);\n    const propertyValue: PrimitiveValue = {\n      valueFormat: PropertyValueFormat.Primitive,\n      value: stringValue,\n      displayValue: \"\",\n    };\n    return propertyValue;\n  }\n\n  /** Sort function for two primitive values */\n  public abstract sortCompare(valueA: Primitives.Value, valueB: Primitives.Value, _ignoreCase?: boolean): number;\n\n  /** Determines if two primitive values are equal */\n  public isEqualTo(valueA: Primitives.Value, valueB: Primitives.Value): boolean {\n    return valueA === valueB;\n  }\n\n  /** Determines if two primitive values are not equal */\n  public isNotEqualTo(valueA: Primitives.Value, valueB: Primitives.Value): boolean {\n    return valueA !== valueB;\n  }\n\n  /** Determines if a primitive value is null or undefined */\n  public isNull(value: Primitives.Value): boolean {\n    return value === null || value === undefined;\n  }\n\n  /** Determines if a primitive value is not null or not undefined */\n  public isNotNull(value: Primitives.Value): boolean {\n    return value !== null && value !== undefined;\n  }\n\n  /** Determines if the converter is for a string type */\n  public get isStringType(): boolean { return false; }\n  /** Determines if the converter is for a numeric type */\n  public get isLessGreaterType(): boolean { return false; }\n  /** Determines if the converter is for a boolean type */\n  public get isBooleanType(): boolean { return false; }\n  /** Determines if the converter is for a nullable type */\n  public get isNullableType(): boolean { return true; }\n}\n"]}
+{"version":3,"file":"TypeConverter.js","sourceRoot":"","sources":["../../../../src/components-react/converters/TypeConverter.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,qCAAqC;AAErC,OAAO,EAAkF,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AA6C5I;;;GAGG;AACH,MAAM,OAAgB,aAAa;IACjC,6CAA6C;IACtC,eAAe,CAAC,KAAwB;QAC7C,IAAI,KAAK,KAAK,SAAS;YACrB,OAAO,EAAE,CAAC;QACZ,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC1B,CAAC;IAED,wEAAwE;IACjE,0BAA0B,CAAC,KAAwB,EAAE,QAAiC;QAC3F,OAAO,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,6CAA6C;IACtC,iBAAiB,CAAC,MAAc;QACrC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,0EAA0E;IACnE,4BAA4B,CAAC,KAAa,EAAE,QAAiC;QAClF,OAAO,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAED,0EAA0E;IACnE,uBAAuB,CAAC,mBAAwC,EAAE,KAAwB;;QAC/F,OAAO,IAAI,CAAC,0BAA0B,CAAC,KAAK,EAAE,MAAA,mBAAmB,CAAC,SAAS,0CAAE,OAAO,CAAC,CAAC;IACxF,CAAC;IAED,mEAAmE;IAC5D,KAAK,CAAC,gCAAgC,CAAC,KAAa,EAAE,cAA+B;QAC1F,MAAM,gBAAgB,GAAG,CAAC,cAAc,IAAI,cAAc,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;QACvI,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,4BAA4B,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;QACrF,MAAM,aAAa,GAAmB;YACpC,WAAW,EAAE,mBAAmB,CAAC,SAAS;YAC1C,KAAK,EAAE,WAAW;YAClB,YAAY,EAAE,EAAE;SACjB,CAAC;QACF,OAAO,aAAa,CAAC;IACvB,CAAC;IAKD,mDAAmD;IAC5C,SAAS,CAAC,MAAwB,EAAE,MAAwB;QACjE,OAAO,MAAM,KAAK,MAAM,CAAC;IAC3B,CAAC;IAED,uDAAuD;IAChD,YAAY,CAAC,MAAwB,EAAE,MAAwB;QACpE,OAAO,MAAM,KAAK,MAAM,CAAC;IAC3B,CAAC;IAED,2DAA2D;IACpD,MAAM,CAAC,KAAuB;QACnC,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC;IAC/C,CAAC;IAED,mEAAmE;IAC5D,SAAS,CAAC,KAAuB;QACtC,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC;IAC/C,CAAC;IAED,uDAAuD;IACvD,IAAW,YAAY,KAAc,OAAO,KAAK,CAAC,CAAC,CAAC;IACpD,wDAAwD;IACxD,IAAW,iBAAiB,KAAc,OAAO,KAAK,CAAC,CAAC,CAAC;IACzD,wDAAwD;IACxD,IAAW,aAAa,KAAc,OAAO,KAAK,CAAC,CAAC,CAAC;IACrD,yDAAyD;IACzD,IAAW,cAAc,KAAc,OAAO,IAAI,CAAC,CAAC,CAAC;CACtD","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module TypeConverters\r\n */\r\n\r\n// cSpell:ignore valuetypes shortdate\r\n\r\nimport { Primitives, PrimitiveValue, PropertyDescription, PropertyRecord, PropertyValue, PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { ConvertedPrimitives } from \"./valuetypes/ConvertedTypes\";\r\n\r\n/** Sort compare method for types that support sorting\r\n * @public\r\n */\r\nexport interface SortComparer {\r\n  /** Sort function for two primitive values */\r\n  sortCompare(valueA: Primitives.Value, valueB: Primitives.Value, ignoreCase?: boolean): number;\r\n}\r\n\r\n/** Operators for all filterable types\r\n * @public\r\n */\r\nexport interface OperatorProcessor {\r\n  /** Determines if two primitive values are equal */\r\n  isEqualTo(a: Primitives.Value, b: Primitives.Value): boolean;\r\n  /** Determines if two primitive values are not equal */\r\n  isNotEqualTo(a: Primitives.Value, b: Primitives.Value): boolean;\r\n}\r\n\r\n/** Operators for Numeric types, DateTime, TimeSpan, or  any type that supports these comparisons\r\n * @public\r\n */\r\nexport interface LessGreaterOperatorProcessor {\r\n  /** Determines if a primitive values is less than another primitive value */\r\n  isLessThan(a: Primitives.Value, b: Primitives.Value): boolean;\r\n  /** Determines if a primitive values is less than or equal to another primitive value */\r\n  isLessThanOrEqualTo(a: Primitives.Value, b: Primitives.Value): boolean;\r\n  /** Determines if a primitive values is greater than another primitive value */\r\n  isGreaterThan(a: Primitives.Value, b: Primitives.Value): boolean;\r\n  /** Determines if a primitive values is greater than or equal to another primitive value */\r\n  isGreaterThanOrEqualTo(a: Primitives.Value, b: Primitives.Value): boolean;\r\n}\r\n\r\n/** Operators for all filterable null-able types\r\n * @public\r\n */\r\nexport interface NullableOperatorProcessor {\r\n  /** Determines if a primitive value is null or undefined */\r\n  isNull(value: Primitives.Value): boolean;\r\n  /** Determines if a primitive value is not null or not undefined */\r\n  isNotNull(value: Primitives.Value): boolean;\r\n}\r\n\r\n/**\r\n * Type Converter base class.\r\n * @public\r\n */\r\nexport abstract class TypeConverter implements SortComparer, OperatorProcessor, NullableOperatorProcessor {\r\n  /** Converts a primitive value to a string */\r\n  public convertToString(value?: Primitives.Value): string | Promise<string> {\r\n    if (value === undefined)\r\n      return \"\";\r\n    return value.toString();\r\n  }\r\n\r\n  /** Default implementation just calls convertToString with no options */\r\n  public convertToStringWithOptions(value?: Primitives.Value, _options?: { [key: string]: any }): string | Promise<string> {\r\n    return this.convertToString(value);\r\n  }\r\n\r\n  /** Converts a string to a primitive value */\r\n  public convertFromString(_value: string): ConvertedPrimitives.Value | undefined | Promise<ConvertedPrimitives.Value | undefined> {\r\n    return undefined;\r\n  }\r\n\r\n  /** Default implementation just calls convertFromString with no options */\r\n  public convertFromStringWithOptions(value: string, _options?: { [key: string]: any }): ConvertedPrimitives.Value | undefined | Promise<ConvertedPrimitives.Value | undefined> {\r\n    return this.convertFromString(value);\r\n  }\r\n\r\n  /** Converts a value associated with a property description to a string */\r\n  public convertPropertyToString(propertyDescription: PropertyDescription, value?: Primitives.Value): string | Promise<string> {\r\n    return this.convertToStringWithOptions(value, propertyDescription.converter?.options);\r\n  }\r\n\r\n  /** Converts a string with a property record to a property value */\r\n  public async convertFromStringToPropertyValue(value: string, propertyRecord?: PropertyRecord): Promise<PropertyValue> {\r\n    const converterOptions = (propertyRecord && propertyRecord.property.converter) ? propertyRecord.property.converter.options : undefined;\r\n    const stringValue = await this.convertFromStringWithOptions(value, converterOptions);\r\n    const propertyValue: PrimitiveValue = {\r\n      valueFormat: PropertyValueFormat.Primitive,\r\n      value: stringValue,\r\n      displayValue: \"\",\r\n    };\r\n    return propertyValue;\r\n  }\r\n\r\n  /** Sort function for two primitive values */\r\n  public abstract sortCompare(valueA: Primitives.Value, valueB: Primitives.Value, _ignoreCase?: boolean): number;\r\n\r\n  /** Determines if two primitive values are equal */\r\n  public isEqualTo(valueA: Primitives.Value, valueB: Primitives.Value): boolean {\r\n    return valueA === valueB;\r\n  }\r\n\r\n  /** Determines if two primitive values are not equal */\r\n  public isNotEqualTo(valueA: Primitives.Value, valueB: Primitives.Value): boolean {\r\n    return valueA !== valueB;\r\n  }\r\n\r\n  /** Determines if a primitive value is null or undefined */\r\n  public isNull(value: Primitives.Value): boolean {\r\n    return value === null || value === undefined;\r\n  }\r\n\r\n  /** Determines if a primitive value is not null or not undefined */\r\n  public isNotNull(value: Primitives.Value): boolean {\r\n    return value !== null && value !== undefined;\r\n  }\r\n\r\n  /** Determines if the converter is for a string type */\r\n  public get isStringType(): boolean { return false; }\r\n  /** Determines if the converter is for a numeric type */\r\n  public get isLessGreaterType(): boolean { return false; }\r\n  /** Determines if the converter is for a boolean type */\r\n  public get isBooleanType(): boolean { return false; }\r\n  /** Determines if the converter is for a nullable type */\r\n  public get isNullableType(): boolean { return true; }\r\n}\r\n"]}

package/lib/esm/components-react/converters/TypeConverterManager.d.ts

@@ -1,17 +1,17 @@
-/** @packageDocumentation
- * @module TypeConverters
- */
-import { TypeConverter } from "./TypeConverter";
-/**
- * Manages Type Converters. Type Converters are registered with and obtained from the manager.
- * @public
- */
-export declare class TypeConverterManager {
-    private static _converters;
-    private static _defaultTypeConverter;
-    private static getFullConverterName;
-    static registerConverter(typename: string, converter: new () => TypeConverter, converterName?: string): void;
-    static unregisterConverter(typename: string, converterName?: string): void;
-    static getConverter(typename: string, converterName?: string): TypeConverter;
-}
+/** @packageDocumentation
+ * @module TypeConverters
+ */
+import { TypeConverter } from "./TypeConverter";
+/**
+ * Manages Type Converters. Type Converters are registered with and obtained from the manager.
+ * @public
+ */
+export declare class TypeConverterManager {
+    private static _converters;
+    private static _defaultTypeConverter;
+    private static getFullConverterName;
+    static registerConverter(typename: string, converter: new () => TypeConverter, converterName?: string): void;
+    static unregisterConverter(typename: string, converterName?: string): void;
+    static getConverter(typename: string, converterName?: string): TypeConverter;
+}
 //# sourceMappingURL=TypeConverterManager.d.ts.map

package/lib/esm/components-react/converters/TypeConverterManager.js

@@ -1,46 +1,46 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-/**
- * Manages Type Converters. Type Converters are registered with and obtained from the manager.
- * @public
- */
-export class TypeConverterManager {
-    static getFullConverterName(typename, converterName) {
-        let fullConverterName = typename;
-        if (converterName)
-            fullConverterName += `:${converterName}`;
-        return fullConverterName;
-    }
-    static registerConverter(typename, converter, converterName) {
-        const fullConverterName = TypeConverterManager.getFullConverterName(typename, converterName);
-        if (TypeConverterManager._converters.hasOwnProperty(fullConverterName)) {
-            const nameOfConverter = TypeConverterManager._converters[fullConverterName].constructor.name;
-            throw Error(`TypeConverterManager.registerConverter error: type '${typename}' already registered to '${nameOfConverter}'`);
-        }
-        const instance = new converter();
-        TypeConverterManager._converters[fullConverterName] = instance;
-        if (instance.constructor.name === "StringTypeConverter" && !TypeConverterManager._defaultTypeConverter) {
-            TypeConverterManager._defaultTypeConverter = instance;
-        }
-    }
-    static unregisterConverter(typename, converterName) {
-        const fullConverterName = TypeConverterManager.getFullConverterName(typename, converterName);
-        // istanbul ignore else
-        if (TypeConverterManager._converters.hasOwnProperty(fullConverterName)) {
-            delete TypeConverterManager._converters[fullConverterName];
-        }
-    }
-    static getConverter(typename, converterName) {
-        const fullConverterName = TypeConverterManager.getFullConverterName(typename, converterName);
-        if (TypeConverterManager._converters.hasOwnProperty(fullConverterName))
-            return TypeConverterManager._converters[fullConverterName];
-        return TypeConverterManager._defaultTypeConverter;
-    }
-}
-TypeConverterManager._converters = {};
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+/**
+ * Manages Type Converters. Type Converters are registered with and obtained from the manager.
+ * @public
+ */
+export class TypeConverterManager {
+    static getFullConverterName(typename, converterName) {
+        let fullConverterName = typename;
+        if (converterName)
+            fullConverterName += `:${converterName}`;
+        return fullConverterName;
+    }
+    static registerConverter(typename, converter, converterName) {
+        const fullConverterName = TypeConverterManager.getFullConverterName(typename, converterName);
+        if (TypeConverterManager._converters.hasOwnProperty(fullConverterName)) {
+            const nameOfConverter = TypeConverterManager._converters[fullConverterName].constructor.name;
+            throw Error(`TypeConverterManager.registerConverter error: type '${typename}' already registered to '${nameOfConverter}'`);
+        }
+        const instance = new converter();
+        TypeConverterManager._converters[fullConverterName] = instance;
+        if (instance.constructor.name === "StringTypeConverter" && !TypeConverterManager._defaultTypeConverter) {
+            TypeConverterManager._defaultTypeConverter = instance;
+        }
+    }
+    static unregisterConverter(typename, converterName) {
+        const fullConverterName = TypeConverterManager.getFullConverterName(typename, converterName);
+        // istanbul ignore else
+        if (TypeConverterManager._converters.hasOwnProperty(fullConverterName)) {
+            delete TypeConverterManager._converters[fullConverterName];
+        }
+    }
+    static getConverter(typename, converterName) {
+        const fullConverterName = TypeConverterManager.getFullConverterName(typename, converterName);
+        if (TypeConverterManager._converters.hasOwnProperty(fullConverterName))
+            return TypeConverterManager._converters[fullConverterName];
+        return TypeConverterManager._defaultTypeConverter;
+    }
+}
+TypeConverterManager._converters = {};
 //# sourceMappingURL=TypeConverterManager.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TypeConverterManager.js","sourceRoot":"","sources":["../../../../src/components-react/converters/TypeConverterManager.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAIH;;;GAGG;AACH,MAAM,OAAO,oBAAoB;IAIvB,MAAM,CAAC,oBAAoB,CAAC,QAAgB,EAAE,aAAsB;QAC1E,IAAI,iBAAiB,GAAG,QAAQ,CAAC;QACjC,IAAI,aAAa;YACf,iBAAiB,IAAI,IAAI,aAAa,EAAE,CAAC;QAC3C,OAAO,iBAAiB,CAAC;IAC3B,CAAC;IAEM,MAAM,CAAC,iBAAiB,CAAC,QAAgB,EAAE,SAAkC,EAAE,aAAsB;QAC1G,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,oBAAoB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QAE7F,IAAI,oBAAoB,CAAC,WAAW,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE;YACtE,MAAM,eAAe,GAAG,oBAAoB,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC;YAC7F,MAAM,KAAK,CAAC,uDAAuD,QAAQ,4BAA4B,eAAe,GAAG,CAAC,CAAC;SAC5H;QAED,MAAM,QAAQ,GAAG,IAAI,SAAS,EAAE,CAAC;QACjC,oBAAoB,CAAC,WAAW,CAAC,iBAAiB,CAAC,GAAG,QAAQ,CAAC;QAC/D,IAAI,QAAQ,CAAC,WAAW,CAAC,IAAI,KAAK,qBAAqB,IAAI,CAAC,oBAAoB,CAAC,qBAAqB,EAAE;YACtG,oBAAoB,CAAC,qBAAqB,GAAG,QAAQ,CAAC;SACvD;IACH,CAAC;IAEM,MAAM,CAAC,mBAAmB,CAAC,QAAgB,EAAE,aAAsB;QACxE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,oBAAoB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QAE7F,uBAAuB;QACvB,IAAI,oBAAoB,CAAC,WAAW,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE;YACtE,OAAO,oBAAoB,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;SAC5D;IACH,CAAC;IAEM,MAAM,CAAC,YAAY,CAAC,QAAgB,EAAE,aAAsB;QACjE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,oBAAoB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QAE7F,IAAI,oBAAoB,CAAC,WAAW,CAAC,cAAc,CAAC,iBAAiB,CAAC;YACpE,OAAO,oBAAoB,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QAE7D,OAAO,oBAAoB,CAAC,qBAAqB,CAAC;IACpD,CAAC;;AAzCc,gCAAW,GAAyC,EAAE,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 { TypeConverter } from \"./TypeConverter\";\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(typename: string, converterName?: string): string {\n    let fullConverterName = typename;\n    if (converterName)\n      fullConverterName += `:${converterName}`;\n    return fullConverterName;\n  }\n\n  public static registerConverter(typename: string, converter: new () => TypeConverter, converterName?: string): void {\n    const fullConverterName = TypeConverterManager.getFullConverterName(typename, converterName);\n\n    if (TypeConverterManager._converters.hasOwnProperty(fullConverterName)) {\n      const nameOfConverter = TypeConverterManager._converters[fullConverterName].constructor.name;\n      throw Error(`TypeConverterManager.registerConverter error: type '${typename}' already registered to '${nameOfConverter}'`);\n    }\n\n    const instance = new converter();\n    TypeConverterManager._converters[fullConverterName] = instance;\n    if (instance.constructor.name === \"StringTypeConverter\" && !TypeConverterManager._defaultTypeConverter) {\n      TypeConverterManager._defaultTypeConverter = instance;\n    }\n  }\n\n  public static unregisterConverter(typename: string, converterName?: string): void {\n    const fullConverterName = TypeConverterManager.getFullConverterName(typename, converterName);\n\n    // istanbul ignore else\n    if (TypeConverterManager._converters.hasOwnProperty(fullConverterName)) {\n      delete TypeConverterManager._converters[fullConverterName];\n    }\n  }\n\n  public static getConverter(typename: string, converterName?: string): TypeConverter {\n    const fullConverterName = TypeConverterManager.getFullConverterName(typename, converterName);\n\n    if (TypeConverterManager._converters.hasOwnProperty(fullConverterName))\n      return TypeConverterManager._converters[fullConverterName];\n\n    return TypeConverterManager._defaultTypeConverter;\n  }\n}\n"]}
+{"version":3,"file":"TypeConverterManager.js","sourceRoot":"","sources":["../../../../src/components-react/converters/TypeConverterManager.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAIH;;;GAGG;AACH,MAAM,OAAO,oBAAoB;IAIvB,MAAM,CAAC,oBAAoB,CAAC,QAAgB,EAAE,aAAsB;QAC1E,IAAI,iBAAiB,GAAG,QAAQ,CAAC;QACjC,IAAI,aAAa;YACf,iBAAiB,IAAI,IAAI,aAAa,EAAE,CAAC;QAC3C,OAAO,iBAAiB,CAAC;IAC3B,CAAC;IAEM,MAAM,CAAC,iBAAiB,CAAC,QAAgB,EAAE,SAAkC,EAAE,aAAsB;QAC1G,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,oBAAoB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QAE7F,IAAI,oBAAoB,CAAC,WAAW,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE;YACtE,MAAM,eAAe,GAAG,oBAAoB,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC;YAC7F,MAAM,KAAK,CAAC,uDAAuD,QAAQ,4BAA4B,eAAe,GAAG,CAAC,CAAC;SAC5H;QAED,MAAM,QAAQ,GAAG,IAAI,SAAS,EAAE,CAAC;QACjC,oBAAoB,CAAC,WAAW,CAAC,iBAAiB,CAAC,GAAG,QAAQ,CAAC;QAC/D,IAAI,QAAQ,CAAC,WAAW,CAAC,IAAI,KAAK,qBAAqB,IAAI,CAAC,oBAAoB,CAAC,qBAAqB,EAAE;YACtG,oBAAoB,CAAC,qBAAqB,GAAG,QAAQ,CAAC;SACvD;IACH,CAAC;IAEM,MAAM,CAAC,mBAAmB,CAAC,QAAgB,EAAE,aAAsB;QACxE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,oBAAoB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QAE7F,uBAAuB;QACvB,IAAI,oBAAoB,CAAC,WAAW,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE;YACtE,OAAO,oBAAoB,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;SAC5D;IACH,CAAC;IAEM,MAAM,CAAC,YAAY,CAAC,QAAgB,EAAE,aAAsB;QACjE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,oBAAoB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QAE7F,IAAI,oBAAoB,CAAC,WAAW,CAAC,cAAc,CAAC,iBAAiB,CAAC;YACpE,OAAO,oBAAoB,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QAE7D,OAAO,oBAAoB,CAAC,qBAAqB,CAAC;IACpD,CAAC;;AAzCc,gCAAW,GAAyC,EAAE,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module TypeConverters\r\n */\r\n\r\nimport { TypeConverter } from \"./TypeConverter\";\r\n\r\n/**\r\n * Manages Type Converters. Type Converters are registered with and obtained from the manager.\r\n * @public\r\n */\r\nexport class TypeConverterManager {\r\n  private static _converters: { [index: string]: (TypeConverter) } = {};\r\n  private static _defaultTypeConverter: TypeConverter;\r\n\r\n  private static getFullConverterName(typename: string, converterName?: string): string {\r\n    let fullConverterName = typename;\r\n    if (converterName)\r\n      fullConverterName += `:${converterName}`;\r\n    return fullConverterName;\r\n  }\r\n\r\n  public static registerConverter(typename: string, converter: new () => TypeConverter, converterName?: string): void {\r\n    const fullConverterName = TypeConverterManager.getFullConverterName(typename, converterName);\r\n\r\n    if (TypeConverterManager._converters.hasOwnProperty(fullConverterName)) {\r\n      const nameOfConverter = TypeConverterManager._converters[fullConverterName].constructor.name;\r\n      throw Error(`TypeConverterManager.registerConverter error: type '${typename}' already registered to '${nameOfConverter}'`);\r\n    }\r\n\r\n    const instance = new converter();\r\n    TypeConverterManager._converters[fullConverterName] = instance;\r\n    if (instance.constructor.name === \"StringTypeConverter\" && !TypeConverterManager._defaultTypeConverter) {\r\n      TypeConverterManager._defaultTypeConverter = instance;\r\n    }\r\n  }\r\n\r\n  public static unregisterConverter(typename: string, converterName?: string): void {\r\n    const fullConverterName = TypeConverterManager.getFullConverterName(typename, converterName);\r\n\r\n    // istanbul ignore else\r\n    if (TypeConverterManager._converters.hasOwnProperty(fullConverterName)) {\r\n      delete TypeConverterManager._converters[fullConverterName];\r\n    }\r\n  }\r\n\r\n  public static getConverter(typename: string, converterName?: string): TypeConverter {\r\n    const fullConverterName = TypeConverterManager.getFullConverterName(typename, converterName);\r\n\r\n    if (TypeConverterManager._converters.hasOwnProperty(fullConverterName))\r\n      return TypeConverterManager._converters[fullConverterName];\r\n\r\n    return TypeConverterManager._defaultTypeConverter;\r\n  }\r\n}\r\n"]}

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

@@ -1,31 +1,31 @@
-/** @packageDocumentation
- * @module TypeConverters
- */
-import { Id64String } from "@itwin/core-bentley";
-/** Converted Primitives namespace
- * @public
- */
-export declare namespace ConvertedPrimitives {
-    /** Interface for 2d Point
-     * @public
-     */
-    interface Point2d {
-        x: number;
-        y: number;
-    }
-    /** Interface for 3d Point
-     * @public
-     */
-    interface Point3d extends Point2d {
-        z: number;
-    }
-    /** Type definition for 2d or 3d Point
-     * @public
-     */
-    type Point = Point2d | Point3d;
-    /** Type definition for Value
-     * @public
-     */
-    type Value = boolean | number | string | Date | Point | Id64String;
-}
+/** @packageDocumentation
+ * @module TypeConverters
+ */
+import { Id64String } from "@itwin/core-bentley";
+/** Converted Primitives namespace
+ * @public
+ */
+export declare namespace ConvertedPrimitives {
+    /** Interface for 2d Point
+     * @public
+     */
+    interface Point2d {
+        x: number;
+        y: number;
+    }
+    /** Interface for 3d Point
+     * @public
+     */
+    interface Point3d extends Point2d {
+        z: number;
+    }
+    /** Type definition for 2d or 3d Point
+     * @public
+     */
+    type Point = Point2d | Point3d;
+    /** Type definition for Value
+     * @public
+     */
+    type Value = boolean | number | string | Date | Point | Id64String;
+}
 //# sourceMappingURL=ConvertedTypes.d.ts.map

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

@@ -1,9 +1,9 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-export {};
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+export {};
 //# sourceMappingURL=ConvertedTypes.js.map

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

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

package/lib/esm/components-react/datepicker/DateField.d.ts

@@ -1,33 +1,33 @@
-/** @packageDocumentation
- * @module Date
- */
-/// <reference types="react" />
-import "./DateField.scss";
-import { AlternateDateFormats, DateFormatter, TimeDisplay } from "@itwin/appui-abstract";
-import { CommonProps } from "@itwin/core-react";
-/** Props for [[DateField]] Component.
- * @internal
- */
-export interface DateFieldProps extends CommonProps {
-    /** Defines initial date and time for component. */
-    initialDate: Date;
-    /** Function to call when the date or time is changed. */
-    onDateChange?: (day: Date) => void;
-    /** Optional value to define if edit field allows editing. If a DateFormatter is provided
-     * it must provide a parseData function or the field will be read only no matter the setting of this value. */
-    readOnly?: boolean;
-    /** Optional date formatter that produces an explicit date display */
-    dateFormatter?: DateFormatter;
-    /** 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. */
-    timeDisplay?: TimeDisplay;
-}
-/** Function to format a Date object that is used in control, type editor, and type converter
- * to produce a consistent formatted Date string.
- * @internal
- */
-export declare function formatInputDate(inputDate: Date, timeDisplay?: TimeDisplay, customFormatter?: DateFormatter, alternateDateFormat?: AlternateDateFormats): string | undefined;
-/** Date input component. This component is typically used by the [[DatePickerPopupButton]] to display and edit date and time.
- * @internal
- */
-export declare function DateField({ initialDate, onDateChange, readOnly, dateFormatter, timeDisplay, style, className }: DateFieldProps): JSX.Element;
+/** @packageDocumentation
+ * @module Date
+ */
+/// <reference types="react" />
+import "./DateField.scss";
+import { AlternateDateFormats, DateFormatter, TimeDisplay } from "@itwin/appui-abstract";
+import { CommonProps } from "@itwin/core-react";
+/** Props for [[DateField]] Component.
+ * @internal
+ */
+export interface DateFieldProps extends CommonProps {
+    /** Defines initial date and time for component. */
+    initialDate: Date;
+    /** Function to call when the date or time is changed. */
+    onDateChange?: (day: Date) => void;
+    /** Optional value to define if edit field allows editing. If a DateFormatter is provided
+     * it must provide a parseData function or the field will be read only no matter the setting of this value. */
+    readOnly?: boolean;
+    /** Optional date formatter that produces an explicit date display */
+    dateFormatter?: DateFormatter;
+    /** 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. */
+    timeDisplay?: TimeDisplay;
+}
+/** Function to format a Date object that is used in control, type editor, and type converter
+ * to produce a consistent formatted Date string.
+ * @internal
+ */
+export declare function formatInputDate(inputDate: Date, timeDisplay?: TimeDisplay, customFormatter?: DateFormatter, alternateDateFormat?: AlternateDateFormats): string | undefined;
+/** Date input component. This component is typically used by the [[DatePickerPopupButton]] to display and edit date and time.
+ * @internal
+ */
+export declare function DateField({ initialDate, onDateChange, readOnly, dateFormatter, timeDisplay, style, className }: DateFieldProps): JSX.Element;
 //# sourceMappingURL=DateField.d.ts.map

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

@@ -1,130 +1,130 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import "./DateField.scss";
-import * as React from "react";
-import classnames from "classnames";
-import { AlternateDateFormats, TimeDisplay } from "@itwin/appui-abstract";
-import { Input } from "@itwin/itwinui-react";
-import { Logger } from "@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
- */
-export function formatInputDate(inputDate, timeDisplay, customFormatter, alternateDateFormat) {
-    if (customFormatter) {
-        return customFormatter.formateDate(inputDate);
-    }
-    if (alternateDateFormat) {
-        switch (alternateDateFormat) {
-            case AlternateDateFormats.IsoDateTime:
-                return inputDate.toISOString();
-            case AlternateDateFormats.IsoShort:
-                return inputDate.toISOString().slice(0, 10);
-            case AlternateDateFormats.UtcDateTime:
-                return inputDate.toUTCString().slice(5);
-            case AlternateDateFormats.UtcShort:
-                return inputDate.toUTCString().slice(5, 16);
-            case AlternateDateFormats.UtcDateTimeWithDay:
-                return inputDate.toUTCString();
-            case 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 TimeDisplay.H12MC:
-                    timeString = inputDate.toLocaleTimeString(undefined, { hour12: true, hour: "2-digit", minute: "2-digit" });
-                    break;
-                case TimeDisplay.H12MSC:
-                    timeString = (inputDate.toLocaleTimeString(undefined, { hour12: true, hour: "2-digit", minute: "2-digit", second: "2-digit" }));
-                    break;
-                case TimeDisplay.H24M:
-                    timeString = (inputDate.toLocaleTimeString(undefined, { hour12: false, hour: "2-digit", minute: "2-digit" }));
-                    // istanbul ignore next
-                    if (timeString === "24:00")
-                        timeString = "00:00";
-                    break;
-                case TimeDisplay.H24MS:
-                    timeString = (inputDate.toLocaleTimeString(undefined, { hour12: false, hour: "2-digit", minute: "2-digit", second: "2-digit" }));
-                    // istanbul ignore next
-                    if (timeString === "24:00:00")
-                        timeString = "00:00:00";
-                    break;
-            }
-        }
-        return timeString.length ? `${dateString}, ${timeString}` : dateString;
-    }
-}
-/** Date input component. This component is typically used by the [[DatePickerPopupButton]] to display and edit date and time.
- * @internal
- */
-export 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(() => {
-        // istanbul ignore else
-        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);
-            // istanbul ignore else
-            if (newDateValue)
-                return new Date(newDateValue);
-        }
-        catch (_error) /* istanbul ignore next */ {
-            Logger.logInfo("DateField", `Encountered error parsing input value '${dateString}' as a date.`);
-            return undefined;
-        }
-        // istanbul ignore next
-        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) {
-            // istanbul ignore next
-            setHasBadInput(true);
-        }
-    }, [onDateChange, parseDate]);
-    const handleOnBlur = React.useCallback((event) => {
-        updateInputDate(event.target.value);
-    }, [updateInputDate]);
-    function onInputKeyDown(event) {
-        // istanbul ignore else
-        if (event.key === "Enter") {
-            updateInputDate(event.currentTarget.value);
-            event.preventDefault();
-        }
-    }
-    const classNames = classnames(className, "components-date-input", hasBadInput && "components-date-has-error");
-    return React.createElement(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" });
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import "./DateField.scss";
+import * as React from "react";
+import classnames from "classnames";
+import { AlternateDateFormats, TimeDisplay } from "@itwin/appui-abstract";
+import { Input } from "@itwin/itwinui-react";
+import { Logger } from "@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
+ */
+export function formatInputDate(inputDate, timeDisplay, customFormatter, alternateDateFormat) {
+    if (customFormatter) {
+        return customFormatter.formateDate(inputDate);
+    }
+    if (alternateDateFormat) {
+        switch (alternateDateFormat) {
+            case AlternateDateFormats.IsoDateTime:
+                return inputDate.toISOString();
+            case AlternateDateFormats.IsoShort:
+                return inputDate.toISOString().slice(0, 10);
+            case AlternateDateFormats.UtcDateTime:
+                return inputDate.toUTCString().slice(5);
+            case AlternateDateFormats.UtcShort:
+                return inputDate.toUTCString().slice(5, 16);
+            case AlternateDateFormats.UtcDateTimeWithDay:
+                return inputDate.toUTCString();
+            case 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 TimeDisplay.H12MC:
+                    timeString = inputDate.toLocaleTimeString(undefined, { hour12: true, hour: "2-digit", minute: "2-digit" });
+                    break;
+                case TimeDisplay.H12MSC:
+                    timeString = (inputDate.toLocaleTimeString(undefined, { hour12: true, hour: "2-digit", minute: "2-digit", second: "2-digit" }));
+                    break;
+                case TimeDisplay.H24M:
+                    timeString = (inputDate.toLocaleTimeString(undefined, { hour12: false, hour: "2-digit", minute: "2-digit" }));
+                    // istanbul ignore next
+                    if (timeString === "24:00")
+                        timeString = "00:00";
+                    break;
+                case TimeDisplay.H24MS:
+                    timeString = (inputDate.toLocaleTimeString(undefined, { hour12: false, hour: "2-digit", minute: "2-digit", second: "2-digit" }));
+                    // istanbul ignore next
+                    if (timeString === "24:00:00")
+                        timeString = "00:00:00";
+                    break;
+            }
+        }
+        return timeString.length ? `${dateString}, ${timeString}` : dateString;
+    }
+}
+/** Date input component. This component is typically used by the [[DatePickerPopupButton]] to display and edit date and time.
+ * @internal
+ */
+export 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(() => {
+        // istanbul ignore else
+        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);
+            // istanbul ignore else
+            if (newDateValue)
+                return new Date(newDateValue);
+        }
+        catch (_error) /* istanbul ignore next */ {
+            Logger.logInfo("DateField", `Encountered error parsing input value '${dateString}' as a date.`);
+            return undefined;
+        }
+        // istanbul ignore next
+        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) {
+            // istanbul ignore next
+            setHasBadInput(true);
+        }
+    }, [onDateChange, parseDate]);
+    const handleOnBlur = React.useCallback((event) => {
+        updateInputDate(event.target.value);
+    }, [updateInputDate]);
+    function onInputKeyDown(event) {
+        // istanbul ignore else
+        if (event.key === "Enter") {
+            updateInputDate(event.currentTarget.value);
+            event.preventDefault();
+        }
+    }
+    const classNames = classnames(className, "components-date-input", hasBadInput && "components-date-has-error");
+    return React.createElement(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" });
+}
 //# sourceMappingURL=DateField.js.map