@esri/calcite-components 1.0.0-next.319 → 1.0.0-next.322

package/dist/types/components.d.ts

@@ -24,7 +24,6 @@ import { DropdownPlacement, ItemKeyboardEvent } from "./components/calcite-dropd
 import { SelectionMode } from "./components/calcite-dropdown-group/interfaces";
 import { ColorStop, DataSeries } from "./components/calcite-graph/interfaces";
 import { InputPlacement } from "./components/calcite-input/interfaces";
-import { HourDisplayFormat, Time, TimeFocusId } from "./utils/time";
 import { ModalBackgroundColor } from "./components/calcite-modal/interfaces";
 import { CalcitePaginationDetail } from "./components/calcite-pagination/calcite-pagination";
 import { ListFocusId } from "./components/calcite-pick-list/shared-list-logic";
@@ -34,6 +33,7 @@ import { TabID, TabLayout, TabPosition } from "./components/calcite-tabs/interfa
 import { TabChangeEventDetail } from "./components/calcite-tab/interfaces";
 import { TileSelectType } from "./components/calcite-tile-select/interfaces";
 import { TileSelectGroupLayout } from "./components/calcite-tile-select-group/interfaces";
+import { TimePart } from "./utils/time";
 import { TreeSelectDetail, TreeSelectionMode } from "./components/calcite-tree/interfaces";
 import { TreeItemSelectDetail } from "./components/calcite-tree-item/interfaces";
 export namespace Components {
@@ -1698,10 +1698,6 @@ export namespace Components {
           * The disabled state of the time input
          */
         "disabled": boolean;
-        /**
-          * Format of the hour value (12-hour or 24-hour) (this will be replaced by locale eventually)
-         */
-        "hourDisplayFormat": HourDisplayFormat;
         /**
           * aria-label for the hour input
          */
@@ -1750,6 +1746,10 @@ export namespace Components {
           * aria-label for the second up button
          */
         "intlSecondUp"?: string;
+        /**
+          * BCP 47 language tag for desired language and country format
+         */
+        "locale": string;
         /**
           * The name of the time input
          */
@@ -2363,32 +2363,6 @@ export namespace Components {
          */
         "value": number;
     }
-    interface CalciteRadio {
-        /**
-          * The checked state of the radio.
-         */
-        "checked": boolean;
-        /**
-          * The disabled state of the radio.
-         */
-        "disabled": boolean;
-        /**
-          * The focused state of the radio.
-         */
-        "focused": boolean;
-        /**
-          * The radio's hidden status.
-         */
-        "hidden": boolean;
-        /**
-          * The hovered state of the radio.
-         */
-        "hovered": boolean;
-        /**
-          * The scale (size) of the radio.
-         */
-        "scale": Scale;
-    }
     interface CalciteRadioButton {
         /**
           * The checked state of the radio button.
@@ -3151,14 +3125,6 @@ export namespace Components {
         "layout"?: TileSelectGroupLayout;
     }
     interface CalciteTimePicker {
-        /**
-          * The hour value (24-hour format)
-         */
-        "hour"?: string;
-        /**
-          * Format of the hour value (12-hour or 24-hour) (this will be replaced by locale eventually)
-         */
-        "hourDisplayFormat": HourDisplayFormat;
         /**
           * aria-label for the hour input
           * @default "Hour"
@@ -3220,25 +3186,25 @@ export namespace Components {
          */
         "intlSecondUp": string;
         /**
-          * The minute value
+          * BCP 47 language tag for desired language and country format
          */
-        "minute"?: string;
+        "locale": string;
         /**
           * The scale (size) of the time picker
          */
         "scale": Scale;
-        /**
-          * The second value
-         */
-        "second"?: string;
         /**
           * Sets focus on the component.
          */
-        "setFocus": (target: TimeFocusId) => Promise<void>;
+        "setFocus": (target: TimePart) => Promise<void>;
         /**
           * number that specifies the granularity that the value must adhere to
          */
         "step": number;
+        /**
+          * The selected time in UTC
+         */
+        "value": string;
     }
     interface CalciteTip {
         /**
@@ -3832,12 +3798,6 @@ declare global {
         prototype: HTMLCalciteProgressElement;
         new (): HTMLCalciteProgressElement;
     };
-    interface HTMLCalciteRadioElement extends Components.CalciteRadio, HTMLStencilElement {
-    }
-    var HTMLCalciteRadioElement: {
-        prototype: HTMLCalciteRadioElement;
-        new (): HTMLCalciteRadioElement;
-    };
     interface HTMLCalciteRadioButtonElement extends Components.CalciteRadioButton, HTMLStencilElement {
     }
     var HTMLCalciteRadioButtonElement: {
@@ -4094,7 +4054,6 @@ declare global {
         "calcite-popover": HTMLCalcitePopoverElement;
         "calcite-popover-manager": HTMLCalcitePopoverManagerElement;
         "calcite-progress": HTMLCalciteProgressElement;
-        "calcite-radio": HTMLCalciteRadioElement;
         "calcite-radio-button": HTMLCalciteRadioButtonElement;
         "calcite-radio-button-group": HTMLCalciteRadioButtonGroupElement;
         "calcite-radio-group": HTMLCalciteRadioGroupElement;
@@ -5808,10 +5767,6 @@ declare namespace LocalJSX {
           * The disabled state of the time input
          */
         "disabled"?: boolean;
-        /**
-          * Format of the hour value (12-hour or 24-hour) (this will be replaced by locale eventually)
-         */
-        "hourDisplayFormat"?: HourDisplayFormat;
         /**
           * aria-label for the hour input
          */
@@ -6462,24 +6417,6 @@ declare namespace LocalJSX {
          */
         "value"?: number;
     }
-    interface CalciteRadio {
-        /**
-          * The checked state of the radio.
-         */
-        "checked"?: boolean;
-        /**
-          * The disabled state of the radio.
-         */
-        "disabled"?: boolean;
-        /**
-          * The radio's hidden status.
-         */
-        "hidden"?: boolean;
-        /**
-          * The scale (size) of the radio.
-         */
-        "scale"?: Scale;
-    }
     interface CalciteRadioButton {
         /**
           * The checked state of the radio button.
@@ -7201,14 +7138,6 @@ declare namespace LocalJSX {
         "layout"?: TileSelectGroupLayout;
     }
     interface CalciteTimePicker {
-        /**
-          * The hour value (24-hour format)
-         */
-        "hour"?: string;
-        /**
-          * Format of the hour value (12-hour or 24-hour) (this will be replaced by locale eventually)
-         */
-        "hourDisplayFormat"?: HourDisplayFormat;
         /**
           * aria-label for the hour input
           * @default "Hour"
@@ -7269,22 +7198,18 @@ declare namespace LocalJSX {
           * @default "Increase second"
          */
         "intlSecondUp"?: string;
-        /**
-          * The minute value
-         */
-        "minute"?: string;
         /**
           * The scale (size) of the time picker
          */
         "scale"?: Scale;
-        /**
-          * The second value
-         */
-        "second"?: string;
         /**
           * number that specifies the granularity that the value must adhere to
          */
         "step"?: number;
+        /**
+          * The selected time in UTC
+         */
+        "value"?: string;
     }
     interface CalciteTip {
         /**
@@ -7574,7 +7499,6 @@ declare namespace LocalJSX {
         "calcite-popover": CalcitePopover;
         "calcite-popover-manager": CalcitePopoverManager;
         "calcite-progress": CalciteProgress;
-        "calcite-radio": CalciteRadio;
         "calcite-radio-button": CalciteRadioButton;
         "calcite-radio-button-group": CalciteRadioButtonGroup;
         "calcite-radio-group": CalciteRadioGroup;
@@ -7671,7 +7595,6 @@ declare module "@stencil/core" {
             "calcite-popover": LocalJSX.CalcitePopover & JSXBase.HTMLAttributes<HTMLCalcitePopoverElement>;
             "calcite-popover-manager": LocalJSX.CalcitePopoverManager & JSXBase.HTMLAttributes<HTMLCalcitePopoverManagerElement>;
             "calcite-progress": LocalJSX.CalciteProgress & JSXBase.HTMLAttributes<HTMLCalciteProgressElement>;
-            "calcite-radio": LocalJSX.CalciteRadio & JSXBase.HTMLAttributes<HTMLCalciteRadioElement>;
             "calcite-radio-button": LocalJSX.CalciteRadioButton & JSXBase.HTMLAttributes<HTMLCalciteRadioButtonElement>;
             "calcite-radio-button-group": LocalJSX.CalciteRadioButtonGroup & JSXBase.HTMLAttributes<HTMLCalciteRadioButtonGroupElement>;
             "calcite-radio-group": LocalJSX.CalciteRadioGroup & JSXBase.HTMLAttributes<HTMLCalciteRadioGroupElement>;

package/dist/types/preact.d.ts

@@ -238,8 +238,6 @@ declare module "preact/src/jsx" {
 
       "calcite-progress": JSX.CalciteProgress & JSXInternal.HTMLAttributes<HTMLCalciteProgressElement>
 
-      "calcite-radio": JSX.CalciteRadio & JSXInternal.HTMLAttributes<HTMLCalciteRadioElement>
-
       "calcite-radio-button": Omit<JSX.CalciteRadioButton, "onCalciteInternalRadioButtonBlur" | "onCalciteRadioButtonChange" | "onCalciteInternalRadioButtonCheckedChange" | "onCalciteInternalRadioButtonFocus"> & JSXInternal.HTMLAttributes<HTMLCalciteRadioButtonElement> & {
         "oncalciteInternalRadioButtonBlur"?: (event: CustomEvent<any>) => void;
         "oncalciteRadioButtonChange"?: (event: CustomEvent<any>) => void;

package/dist/types/utils/time.d.ts

@@ -1,4 +1,13 @@
-export declare type HourDisplayFormat = "12" | "24";
+export declare type HourCycle = "12" | "24";
+export interface LocalizedTime {
+  localizedHour: string;
+  localizedHourSuffix: string;
+  localizedMinute: string;
+  localizedMinuteSuffix: string;
+  localizedSecond: string;
+  localizedSecondSuffix: string;
+  localizedMeridiem: string;
+}
 export declare type Meridiem = "AM" | "PM";
 export declare type MinuteOrSecond = "minute" | "second";
 export interface Time {
@@ -6,10 +15,14 @@ export interface Time {
   minute: string;
   second: string;
 }
-export declare type TimeFocusId = "hour" | MinuteOrSecond | "meridiem";
+export declare type TimePart = "hour" | "hourSuffix" | "minute" | "minuteSuffix" | "second" | "secondSuffix" | "meridiem";
 export declare const maxTenthForMinuteAndSecond = 5;
+export declare function formatTimePart(number: number): string;
+export declare function formatTimeString(value: string): string;
+export declare function getLocaleHourCycle(locale: string): HourCycle;
 export declare function getMeridiem(hour: string): Meridiem;
-export declare function getMeridiemHour(hour: string): string;
+export declare function isValidTime(value: string): boolean;
+export declare function localizeTimePart(value: string, part: TimePart, locale: string): string;
+export declare function localizeTimeString(value: string, locale?: string, includeSeconds?: boolean): string;
+export declare function localizeTimeStringToParts(value: string, locale?: string): LocalizedTime;
 export declare function parseTimeString(value: string): Time;
-export declare function formatTimeString(value: string): string;
-export declare function formatTimePart(number: number): string;