@esri/calcite-components 1.0.0-beta.70 → 1.0.0-beta.74

package/dist/types/components/calcite-accordion/calcite-accordion.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { AccordionAppearance } from "./interfaces";
 import { Position, Scale } from "../interfaces";
 /**
- * @slot - A slot for adding `calcite-accordion-item`s.
+ * @slot - A slot for adding `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however calcite-accordion-item`s can.
  */
 export declare class CalciteAccordion {
   el: HTMLCalciteAccordionElement;

package/dist/types/components/calcite-accordion-item/calcite-accordion-item.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 /**
- * @slot - A slot for adding custom content.
+ * @slot - A slot for adding custom content, including nested `calcite-accordion-item`s.
  */
 export declare class CalciteAccordionItem {
   el: HTMLCalciteAccordionItemElement;

package/dist/types/components/calcite-action-bar/calcite-action-bar.d.ts

@@ -1,12 +1,13 @@
 /// <reference types="lodash" />
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Position, Scale } from "../interfaces";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * @slot - A slot for adding `calcite-action`s that will appear at the top of the action bar.
  * @slot bottom-actions - A slot for adding `calcite-action`s that will appear at the bottom of the action bar, above the collapse/expand button.
  * @slot expand-tooltip - Used to set the tooltip for the expand toggle.
  */
-export declare class CalciteActionBar {
+export declare class CalciteActionBar implements ConditionalSlotComponent {
   /**
    * When set to true, the expand-toggling behavior will be disabled.
    */

package/dist/types/components/calcite-alert/calcite-alert.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
-import { StatusColor, AlertDuration } from "./interfaces";
+import { AlertDuration, AlertPlacement, StatusColor } from "./interfaces";
 /** Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned
  * at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.
  */
@@ -29,12 +29,16 @@ export declare class CalciteAlert {
   intlClose: string;
   /** Accessible name for the component */
   label: string;
-  /** specify the scale of the button, defaults to m */
+  /** specify the placement of the alert */
+  placement: AlertPlacement;
+  /** specify the scale of the alert, defaults to m */
   scale: Scale;
   updateRequestedIcon(): void;
+  updateDuration(): void;
   connectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
+  disconnectedCallback(): void;
   render(): VNode;
   /** Fired when an alert is closed */
   calciteAlertClose: EventEmitter;
@@ -66,8 +70,9 @@ export declare class CalciteAlert {
   private closeButton?;
   /** the slotted alert link child element  */
   private alertLinkEl?;
-  private autoDismissTimeout;
+  private autoDismissTimeoutId;
   private queueTimeout;
+  private trackTimer;
   /** the computed icon to render */
   requestedIcon?: string;
   /** determine which alert is active */

package/dist/types/components/calcite-alert/interfaces.d.ts

@@ -1,5 +1,6 @@
 export declare type StatusColor = "blue" | "green" | "red" | "yellow";
 export declare type AlertDuration = "fast" | "medium" | "slow";
+export declare type AlertPlacement = "bottom" | "bottom-end" | "bottom-start" | "top" | "top-end" | "top-start";
 export declare enum StatusIcons {
   green = "checkCircle",
   yellow = "exclamationMarkTriangle",

package/dist/types/components/calcite-block/calcite-block.d.ts

@@ -68,5 +68,6 @@ export declare class CalciteBlock {
   onHeaderClick: () => void;
   renderScrim(): VNode[];
   renderIcon(): VNode[];
+  renderTitle(): VNode;
   render(): VNode;
 }

package/dist/types/components/calcite-button/resources.d.ts

@@ -7,6 +7,8 @@ export declare const CSS: {
   iconEnd: string;
   loadingIn: string;
   loadingOut: string;
+  iconStartEmpty: string;
+  iconEndEmpty: string;
 };
 export declare const TEXT: {
   loading: string;

package/dist/types/components/calcite-color-picker/calcite-color-picker.d.ts

@@ -154,7 +154,7 @@ export declare class CalciteColorPicker {
     colorField: {
       height: number;
       width: number;
-    }; /** specify the appearance - default (containing border), or minimal (no containing border) */
+    };
     thumb: {
       radius: number;
     };

package/dist/types/components/calcite-date-picker/calcite-date-picker.d.ts

@@ -31,8 +31,10 @@ export declare class CalciteDatePicker {
   handleRangeChange(): void;
   /** Earliest allowed date ("yyyy-mm-dd") */
   min?: string;
+  onMinChanged(min: string): void;
   /** Latest allowed date ("yyyy-mm-dd") */
   max?: string;
+  onMaxChanged(max: string): void;
   /** Localized string for "previous month" (used for aria label)
    * @default "Previous month"
    */
@@ -41,6 +43,10 @@ export declare class CalciteDatePicker {
    * @default "Next month"
    */
   intlNextMonth?: string;
+  /** Localized string for "year" (used for aria label)
+   * @default "Year"
+   */
+  intlYear?: string;
   /** BCP 47 language tag for desired language and country format */
   locale?: string;
   /** specify the scale of the date picker */

package/dist/types/components/calcite-date-picker/resources.d.ts

@@ -2,4 +2,5 @@ export declare const HEADING_LEVEL = 2;
 export declare const TEXT: {
   nextMonth: string;
   prevMonth: string;
+  year: string;
 };

package/dist/types/components/calcite-date-picker-month-header/calcite-date-picker-month-header.d.ts

@@ -22,6 +22,8 @@ export declare class CalciteDatePickerMonthHeader {
   intlPrevMonth: string;
   /** Localized string for next month. */
   intlNextMonth: string;
+  /** Localized string for year. */
+  intlYear: string;
   /** specify the scale of the date picker */
   scale: Scale;
   /** CLDR locale data for translated calendar info */
@@ -32,7 +34,7 @@ export declare class CalciteDatePickerMonthHeader {
   calciteDatePickerSelect: EventEmitter<Date>;
   connectedCallback(): void;
   render(): VNode;
-  renderContent(dir: string): VNode;
+  renderContent(): VNode;
   private yearInput;
   nextMonthDate: Date;
   prevMonthDate: Date;

package/dist/types/components/calcite-filter/calcite-filter.d.ts

@@ -1,14 +1,6 @@
 /// <reference types="lodash" />
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 export declare class CalciteFilter {
-  /**
-   * The input data. The filter uses this as the starting point, and returns items
-   * that contain the string entered in the input, using a partial match and recursive search.
-   *
-   * @deprecated use `items` instead.
-   */
-  data: object[];
-  watchDataHandler(value: object[]): void;
   /**
    * The items to filter through. The filter uses this as the starting point, and returns items
    * that contain the string entered in the input, using a partial match and recursive search.
@@ -46,11 +38,10 @@ export declare class CalciteFilter {
   valueHandler(value: string): void;
   el: HTMLCalciteFilterElement;
   textInput: HTMLCalciteInputElement;
-  connectedCallback(): void;
   /**
    * This event fires when the filter text changes.
    */
-  calciteFilterChange: EventEmitter;
+  calciteFilterChange: EventEmitter<void>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   filter: import("lodash").DebouncedFunc<(value: string) => void>;

package/dist/types/components/calcite-input-date-picker/calcite-input-date-picker.d.ts

@@ -36,8 +36,10 @@ export declare class CalciteInputDatePicker implements LabelableComponent, FormC
   maxAsDate?: Date;
   /** Earliest allowed date ("yyyy-mm-dd") */
   min?: string;
+  onMinChanged(min: string): void;
   /** Latest allowed date ("yyyy-mm-dd") */
   max?: string;
+  onMaxChanged(max: string): void;
   /** Expand or collapse when calendar does not have input */
   active: boolean;
   activeHandler(): void;
@@ -53,6 +55,10 @@ export declare class CalciteInputDatePicker implements LabelableComponent, FormC
    * @default "Next month"
    */
   intlNextMonth?: string;
+  /** Localized string for "year" (used for aria label)
+   * @default "Year"
+   */
+  intlYear?: string;
   /** BCP 47 language tag for desired language and country format */
   locale?: string;
   /** specify the scale of the date picker */
@@ -81,16 +87,25 @@ export declare class CalciteInputDatePicker implements LabelableComponent, FormC
   proximitySelectionDisabled: boolean;
   /** Layout */
   layout: "horizontal" | "vertical";
+  handleDateOrRangeChange(): void;
   calciteDaySelectHandler(): void;
   /**
    * Trigger calcite date change when a user changes the date.
+   *
+   * @deprecated use `calciteInputDatePickerChange` instead.
    */
   calciteDatePickerChange: EventEmitter<Date>;
   /**
    * Trigger calcite date change when a user changes the date range.
    * @see [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-date-picker/interfaces.ts#L1)
+   *
+   * @deprecated use `calciteInputDatePickerChange` instead.
    */
   calciteDatePickerRangeChange: EventEmitter<DateRangeChange>;
+  /**
+   * This event fires when the input date picker value changes.
+   */
+  calciteInputDatePickerChange: EventEmitter<void>;
   /**
    * @internal
    */

package/dist/types/components/calcite-input-time-picker/calcite-input-time-picker.d.ts

@@ -1,5 +1,4 @@
 import { VNode, EventEmitter } from "../../stencil-public-runtime";
-import { HourDisplayFormat } from "../../utils/time";
 import { Scale } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
@@ -9,8 +8,6 @@ export declare class CalciteInputTimePicker implements LabelableComponent, FormC
   active: boolean;
   /** 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 */
   intlHour?: string;
   /** aria-label for the hour down button */
@@ -35,6 +32,12 @@ export declare class CalciteInputTimePicker implements LabelableComponent, FormC
   intlSecondDown?: string;
   /** aria-label for the second up button */
   intlSecondUp?: string;
+  /**
+   * BCP 47 language tag for desired language and country format
+   * @internal
+   */
+  locale: string;
+  localeWatcher(newLocale: string): void;
   /** The name of the time input */
   name: string;
   /**
@@ -47,17 +50,19 @@ export declare class CalciteInputTimePicker implements LabelableComponent, FormC
   scale: Scale;
   /** number (seconds) that specifies the granularity that the value must adhere to */
   step: number;
-  /** The selected time (always 24-hour format)*/
+  /** The selected time in UTC (always 24-hour format) */
   value: string;
   valueWatcher(newValue: string): void;
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
   defaultValue: CalciteInputTimePicker["value"];
   private calciteInputEl;
+  private calciteTimePickerEl;
   /** whether the value of the input was changed as a result of user typing or not */
   private internalValueChange;
   private previousValidValue;
   private referenceElementId;
+  localizedValue: string;
   /**
    * Fires when the time value is changed as a result of user input.
    */
@@ -65,14 +70,17 @@ export declare class CalciteInputTimePicker implements LabelableComponent, FormC
   private calciteInputBlurHandler;
   private calciteInputFocusHandler;
   private calciteInputInputHandler;
+  clickHandler(event: MouseEvent): void;
   keyUpHandler(event: KeyboardEvent): void;
   timePickerBlurHandler(event: CustomEvent): void;
-  timePickerChangeHandler(event: CustomEvent): void;
+  private timePickerChangeHandler;
   timePickerFocusHandler(event: CustomEvent): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   onLabelClick(): void;
+  private shouldIncludeSeconds;
   private setCalciteInputEl;
+  private setCalciteTimePickerEl;
   private setInputValue;
   private setValue;
   connectedCallback(): void;

package/dist/types/components/calcite-panel/calcite-panel.d.ts

@@ -92,7 +92,7 @@ export declare class CalcitePanel {
   setContainerRef: (node: HTMLElement) => void;
   setDismissRef: (node: HTMLCalciteActionElement) => void;
   setBackRef: (node: HTMLCalciteActionElement) => void;
-  panelKeyUpHandler: (event: KeyboardEvent) => void;
+  panelKeyDownHandler: (event: KeyboardEvent) => void;
   dismiss: () => void;
   panelScrollHandler: () => void;
   backButtonClick: () => void;

package/dist/types/components/calcite-panel/resources.d.ts

@@ -10,6 +10,7 @@ export declare const CSS: {
   headerActionsStart: string;
   contentWrapper: string;
   contentContainer: string;
+  contentHeight: string;
   fabContainer: string;
   footer: string;
   menuContainer: string;

package/dist/types/components/calcite-pick-list/calcite-pick-list.d.ts

@@ -51,7 +51,7 @@ export declare class CalcitePickList<ItemElement extends HTMLCalcitePickListItem
   /**
    * Emitted when any of the item selections have changed.
    */
-  calciteListChange: EventEmitter;
+  calciteListChange: EventEmitter<Map<string, HTMLCalcitePickListItemElement>>;
   calciteListItemRemoveHandler(event: CustomEvent<void>): void;
   calciteListItemChangeHandler(event: CustomEvent): void;
   calciteListItemPropsChangeHandler(event: CustomEvent): void;
@@ -60,6 +60,7 @@ export declare class CalcitePickList<ItemElement extends HTMLCalcitePickListItem
   setUpItems(): void;
   setUpFilter(): void;
   setFilterEl: (el: HTMLCalciteFilterElement) => void;
+  deselectRemovedItems: any;
   deselectSiblingItems: any;
   selectSiblings: any;
   handleFilter: any;

package/dist/types/components/calcite-pick-list/shared-list-logic.d.ts

@@ -17,6 +17,7 @@ export declare function removeItem<T extends Lists, U extends ListItemElement<T>
 export declare function setFocus<T extends Lists>(this: List<T>, focusId: ListFocusId): Promise<void>;
 export declare function setUpItems<T extends Lists>(this: List<T>, tagName: T extends CalcitePickList ? "calcite-pick-list-item" : "calcite-value-list-item"): void;
 export declare function setUpFilter<T extends Lists>(this: List<T>): void;
+export declare function deselectRemovedItems<T extends Lists>(this: List<T>): void;
 export declare function deselectSiblingItems<T extends Lists>(this: List<T>, item: ListItemElement<T>): void;
 export declare function selectSiblings<T extends Lists>(this: List<T>, item: ListItemElement<T>, deselect?: boolean): void;
 export declare function handleFilter<T extends Lists>(this: List<T>, event: CustomEvent): void;

package/dist/types/components/calcite-pick-list/shared-list-render.d.ts

@@ -2,7 +2,7 @@ import { FunctionalComponent } from "../../stencil-public-runtime";
 import { JSXBase } from "../../stencil-public-runtime";
 import { handleFilter } from "./shared-list-logic";
 import DOMAttributes = JSXBase.DOMAttributes;
-interface ListProps extends DOMAttributes {
+interface ListProps extends DOMAttributes<any> {
   disabled: boolean;
   loading: boolean;
   filterEnabled: boolean;
@@ -14,5 +14,5 @@ interface ListProps extends DOMAttributes {
 }
 export declare const List: FunctionalComponent<{
   props: ListProps;
-} & DOMAttributes>;
+} & DOMAttributes<any>>;
 export default List;

package/dist/types/components/calcite-radio-button/calcite-radio-button.d.ts

@@ -56,6 +56,7 @@ export declare class CalciteRadioButton implements LabelableComponent, Checkable
   private setContainerEl;
   private uncheckAllRadioButtonsInGroup;
   private uncheckOtherRadioButtonsInGroup;
+  private getTabIndex;
   /**
    * Fires when the radio button is blurred.
    * @internal

package/dist/types/components/calcite-radio-group/calcite-radio-group.d.ts

@@ -36,9 +36,9 @@ export declare class CalciteRadioGroup implements LabelableComponent, FormCompon
   protected handleSelectedItemChange<T extends HTMLCalciteRadioGroupItemElement>(newItem: T, oldItem: T): void;
   /** specify the width of the group, defaults to auto */
   width: Extract<"auto" | "full", Width>;
+  componentWillLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  componentDidLoad(): void;
   render(): VNode;
   protected handleClick: (event: MouseEvent) => void;
   protected handleSelected(event: Event): void;
@@ -50,7 +50,6 @@ export declare class CalciteRadioGroup implements LabelableComponent, FormCompon
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
   defaultValue: CalciteRadioGroup["value"];
-  private hasLoaded;
   onLabelClick(): void;
   private getItems;
   private selectItem;

package/dist/types/components/calcite-radio-group-item/calcite-radio-group-item.d.ts

@@ -15,18 +15,10 @@ export declare class CalciteRadioGroupItem {
    * The control's value.
    */
   value: any | null;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
   render(): VNode;
   /**
    * Fires when the item has been selected.
    * @internal
    */
   calciteRadioGroupItemChange: EventEmitter;
-  private useFallback;
-  private inputProxy;
-  private mutationObserver;
-  private syncFromExternalInput;
-  private syncToExternalInput;
 }

package/dist/types/components/calcite-select/calcite-select.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Direction } from "../../utils/dom";
 import { Scale, Width } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
@@ -71,6 +70,6 @@ export declare class CalciteSelect implements LabelableComponent, FormComponent
   private toNativeElement;
   private deselectAllExcept;
   private emitChangeEvent;
-  renderChevron(dir: Direction): VNode;
+  renderChevron(): VNode;
   render(): VNode;
 }

package/dist/types/components/calcite-shell-panel/calcite-shell-panel.d.ts

@@ -26,11 +26,42 @@ export declare class CalciteShellPanel {
    * Arranges the component depending on the elements 'dir' property.
    */
   position: Position;
+  /**
+   * Accessible label for resize separator.
+   * @default "Resize"
+   */
+  intlResize: string;
+  /**
+   * This property makes the content area resizable if the calcite-shell-panel is not 'detached'.
+   */
+  resizable: boolean;
+  disconnectedCallback(): void;
+  componentDidLoad(): void;
   el: HTMLCalciteShellPanelElement;
+  contentWidth: number;
+  initialContentWidth: number;
+  initialClientX: number;
+  contentEl: HTMLDivElement;
+  separatorEl: HTMLDivElement;
+  contentWidthMax: number;
+  contentWidthMin: number;
+  step: number;
+  stepMultiplier: number;
   /**
    * Emitted when collapse has been toggled.
    */
   calciteShellPanelToggle: EventEmitter;
   renderHeader(): VNode;
   render(): VNode;
+  setContentWidth(width: number): void;
+  updateAriaValues(): void;
+  storeContentEl: (contentEl: HTMLDivElement) => void;
+  getKeyAdjustedWidth: (event: KeyboardEvent) => number | null;
+  separatorKeyDown: (event: KeyboardEvent) => void;
+  separatorPointerMove: (event: PointerEvent) => void;
+  separatorPointerUp: (event: PointerEvent) => void;
+  setInitialContentWidth: () => void;
+  separatorPointerDown: (event: PointerEvent) => void;
+  connectSeparator: (separatorEl: HTMLDivElement) => void;
+  disconnectSeparator: () => void;
 }

package/dist/types/components/calcite-shell-panel/resources.d.ts

@@ -4,8 +4,12 @@ export declare const CSS: {
   contentHeader: string;
   contentBody: string;
   contentDetached: string;
+  separator: string;
 };
 export declare const SLOTS: {
   actionBar: string;
   header: string;
 };
+export declare const TEXT: {
+  resize: string;
+};

package/dist/types/components/calcite-slider/calcite-slider.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ColorStop, DataSeries } from "../calcite-graph/interfaces";
+import { Scale } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 export declare class CalciteSlider implements LabelableComponent, FormComponent {
@@ -58,6 +59,10 @@ export declare class CalciteSlider implements LabelableComponent, FormComponent
   ticks?: number;
   /** Currently selected number (if single select) */
   value: null | number;
+  /**
+   * Specify the scale of the slider, defaults to m
+   */
+  scale: Scale;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentWillLoad(): void;

package/dist/types/components/calcite-split-button/calcite-split-button.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ButtonAppearance, ButtonColor, DropdownIconType } from "../calcite-button/interfaces";
 import { FlipContext, Scale, Width } from "../interfaces";
+import { OverlayPositioning } from "../../utils/popper";
 /**
  * @slot - A slot for adding `calcite-dropdown` content.
  */
@@ -24,6 +25,8 @@ export declare class CalciteSplitButton {
   /** optionally add a calcite-loader component to the control,
    disabling interaction. with the primary button */
   loading: boolean;
+  /** Describes the type of positioning to use for the dropdown. If your element is in a fixed container, use the 'fixed' value. */
+  overlayPositioning: OverlayPositioning;
   /** optionally pass an icon to display at the end of the primary button - accepts Calcite UI icon names  */
   primaryIconEnd?: string;
   /** flip the primary icon(s) in rtl */

package/dist/types/components/calcite-tile-select/resources.d.ts

@@ -0,0 +1,16 @@
+export declare const CSS: {
+  checked: string;
+  description: string;
+  descriptionOnly: string;
+  disabled: string;
+  heading: string;
+  headingOnly: string;
+  icon: string;
+  iconOnly: string;
+  inputAlignmentEnd: string;
+  inputAlignmentStart: string;
+  inputEnabled: string;
+  largeVisual: string;
+  widthAuto: string;
+  widthFull: string;
+};

package/dist/types/components/calcite-time-picker/calcite-time-picker.d.ts

@@ -1,12 +1,8 @@
 import { VNode, EventEmitter } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
-import { Meridiem, Time, TimeFocusId, HourDisplayFormat } from "../../utils/time";
+import { TimePart, HourCycle, Meridiem } from "../../utils/time";
 export declare class CalciteTimePicker {
   el: HTMLCalciteTimePickerElement;
-  /** 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"
    */
@@ -55,51 +51,62 @@ export declare class CalciteTimePicker {
    * @default "Increase second"
    */
   intlSecondUp: string;
-  /** The minute value */
-  minute?: string;
-  /** The second value */
-  second?: string;
+  /**
+   * BCP 47 language tag for desired language and country format
+   * @internal
+   */
+  locale: string;
+  localeWatcher(newLocale: string): void;
   /** The scale (size) of the time picker */
   scale: Scale;
-  /** number that specifies the granularity that the value must adhere to */
+  /** number (seconds) that specifies the granularity that the value must adhere to */
   step: number;
-  hourChanged(newHour: string): void;
-  timeChangeHandler(): void;
+  /** The selected time in UTC (always 24-hour format) */
+  value: string;
+  valueWatcher(newValue: string): void;
   private activeEl;
-  private meridiemEl;
   private hourEl;
+  private meridiemEl;
   private minuteEl;
   private secondEl;
-  private timeChanged;
-  /** The am/pm value */
+  hour: string;
+  hourChanged(newHour: string): void;
+  hourCycle: HourCycle;
+  localizedHour: string;
+  localizedHourSuffix: string;
+  localizedMeridiem: string;
+  localizedMinute: string;
+  localizedMinuteSuffix: string;
+  localizedSecond: string;
+  localizedSecondSuffix: string;
   meridiem: Meridiem;
-  displayHour: string;
+  minute: string;
+  second: string;
+  showSecond: boolean;
   /**
    * @internal
    */
-  calciteTimePickerBlur: EventEmitter<Time>;
+  calciteTimePickerBlur: EventEmitter<void>;
   /**
    * @internal
    */
-  calciteTimePickerChange: EventEmitter<Time>;
+  calciteTimePickerChange: EventEmitter<string>;
   /**
    * @internal
    */
-  calciteTimePickerFocus: EventEmitter<Time>;
+  calciteTimePickerFocus: EventEmitter<void>;
   hostBlurHandler(): void;
   hostFocusHandler(): void;
   keyDownHandler(event: KeyboardEvent): void;
   /** Sets focus on the component. */
-  setFocus(target: TimeFocusId): Promise<void>;
+  setFocus(target: TimePart): Promise<void>;
+  private buttonActivated;
   private decrementHour;
   private decrementMeridiem;
   private decrementMinuteOrSecond;
   private decrementMinute;
   private decrementSecond;
-  private buttonActivated;
   private focusHandler;
-  private getDisplayHour;
-  private getTime;
   private hourDownButtonKeyDownHandler;
   private hourKeyDownHandler;
   private hourUpButtonKeyDownHandler;
@@ -117,7 +124,12 @@ export declare class CalciteTimePicker {
   private secondDownButtonKeyDownHandler;
   private secondKeyDownHandler;
   private secondUpButtonKeyDownHandler;
-  private setTime;
+  private setHourEl;
+  private setMeridiemEl;
+  private setMinuteEl;
+  private setSecondEl;
+  private setValue;
+  private setValuePart;
   connectedCallback(): void;
   render(): VNode;
 }