@oiz/stzh-components 2.6.0 → 2.7.0-alpha

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ContactNumber, Font, Layout, OlmapLayer, ShareService, Space, StzhAccordionItemBlurEvent, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemFocusEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhActionsetItem, StzhActionsetItemClickEvent, StzhAmountChangeEvent, StzhAnchornavItem, StzhAnchornavItemClickEvent, StzhAppointmentsChangeEvent, StzhAudioEndedEvent, StzhAudioEndEvent, StzhAudioErrorEvent, StzhAudioPauseEvent, StzhAudioPlayEvent, StzhAudioPlayingEvent, StzhAudioReplayEvent, StzhButtonBlurEvent, StzhButtonChangeEvent, StzhButtonFocusEvent, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCardClickEvent, StzhCardCollapseEvent, StzhCardHeaderAction, StzhCardHeaderActionClickEvent, StzhCardListCollapseAllEvent, StzhCardStarClickEvent, StzhCardSubtitleClickEvent, StzhCarouselSlideEndEvent, StzhCarouselSlidePassedEvent, StzhCarouselSlideStartEvent, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipSelectChangeEvent, StzhChipSelectItem, StzhClampClampEvent, StzhClampExpandEvent, StzhContactAvailabilityItem, StzhDatalistDirectionChangeEvent, StzhDatalistHideBorderChangeEvent, StzhDatalistItemActionClickEvent, StzhDatalistItemEntry, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatepickerChangeEvent, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhInputBlurEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLangnavChangeEvent, StzhLinkBlurEvent, StzhLinkFocusEvent, StzhMenuItemBlurEvent, StzhMenuItemFocusEvent, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhMicrositeTeaserlistTag, StzhOlmapInitializedEvent, StzhOlmapMoveEndEvent, StzhOlmapMoveStartEvent, StzhOlmapPostRenderEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhProgressbarDataItem, StzhProgressbarItemClickEvent, StzhProgressbarItemDottedClickEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhStickyStuckBottomEvent, StzhStickyStuckTopEvent, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFileRemoveEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, StzhVbzMajortickerDisturbance, StzhVbzMajortickerDisturbanceFetchedEvent, VBZ } from "./index";
+import { ContactNumber, Font, Layout, OlmapLayer, ShareService, Space, StzhAccordionItemBlurEvent, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemFocusEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhActionsetItem, StzhActionsetItemClickEvent, StzhAmountChangeEvent, StzhAnchornavItem, StzhAnchornavItemClickEvent, StzhAppointmentsChangeEvent, StzhAudioEndedEvent, StzhAudioEndEvent, StzhAudioErrorEvent, StzhAudioPauseEvent, StzhAudioPlayEvent, StzhAudioPlayingEvent, StzhAudioReplayEvent, StzhButtonBlurEvent, StzhButtonChangeEvent, StzhButtonFocusEvent, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCardClickEvent, StzhCardCollapseEvent, StzhCardHeaderAction, StzhCardHeaderActionClickEvent, StzhCardListCollapseAllEvent, StzhCardStarClickEvent, StzhCardSubtitleClickEvent, StzhCarouselSlideEndEvent, StzhCarouselSlidePassedEvent, StzhCarouselSlideStartEvent, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipSelectChangeEvent, StzhChipSelectItem, StzhClampClampEvent, StzhClampExpandEvent, StzhContactAvailabilityItem, StzhDatalistDirectionChangeEvent, StzhDatalistHideBorderChangeEvent, StzhDatalistItemActionClickEvent, StzhDatalistItemEntry, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatepickerChangeEvent, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOption, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhInputBlurEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLangnavChangeEvent, StzhLinkBlurEvent, StzhLinkFocusEvent, StzhMenuItemBlurEvent, StzhMenuItemFocusEvent, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhMicrositeTeaserlistTag, StzhMonthyearpickerChangeEvent, StzhOlmapInitializedEvent, StzhOlmapMoveEndEvent, StzhOlmapMoveStartEvent, StzhOlmapPostRenderEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhProgressbarDataItem, StzhProgressbarItemClickEvent, StzhProgressbarItemDottedClickEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhStickyStuckBottomEvent, StzhStickyStuckTopEvent, StzhTimepickerChangeEvent, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFileRemoveEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, StzhVbzMajortickerDisturbance, StzhVbzMajortickerDisturbanceFetchedEvent, VBZ } from "./index";
 import { StzhActionsetLocalizedText } from "./components/stzh-actionset/stzh-actionset.localization";
 import { Placement } from "@floating-ui/dom";
 import { StzhAmountLocalizedText } from "./components/stzh-amount/stzh-amount.localization";
@@ -28,17 +28,19 @@ import { StzhFooterLocalizedText } from "./components/stzh-footer/stzh-footer.lo
 import { StzhGhettoboxLocalizedText } from "./components/stzh-ghettobox/stzh-ghettobox.localization";
 import { StzhMessageLocalizedText } from "./components/stzh-message/stzh-message.localization";
 import { StzhMicrositeTeaserlistLocalizedText } from "./components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.localization";
+import { StzhMonthyearpickerLocalizedText } from "./components/stzh-monthyearpicker/stzh-monthyearpicker.localization";
 import { StzhOlmapLocalizedText } from "./components/stzh-olmap/stzh-olmap.localization";
 import { StzhPopoverLocalizedText } from "./components/stzh-popover/stzh-popover.localization";
 import { StzhProgressbarLocalizedText } from "./components/stzh-progressbar/stzh-progressbar.localization";
 import { StzhSaptchaLocalizedText } from "./components/stzh-saptcha/stzh-saptcha.localization";
 import { StzhShareLocalizedText } from "./components/stzh-share/stzh-share.localization";
 import { StzhSortableLocalizedText } from "./components/stzh-sortable/stzh-sortable.localization";
+import { StzhTimepickerLocalizedText } from "./components/stzh-timepicker/stzh-timepicker.localization";
 import { StzhTooltipLocalizedText } from "./components/stzh-tooltip/stzh-tooltip.localization";
 import { StzhUploadLocalizedText } from "./components/stzh-upload/stzh-upload.localization";
 import { StzhVbzMajortickerLocalizedText } from "./components/stzh-vbz-majorticker/stzh-vbz-majorticker.localization";
 import { StzhVbzTickerLocalizedText } from "./components/stzh-vbz-ticker/stzh-vbz-ticker.localization";
-export { ContactNumber, Font, Layout, OlmapLayer, ShareService, Space, StzhAccordionItemBlurEvent, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemFocusEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhActionsetItem, StzhActionsetItemClickEvent, StzhAmountChangeEvent, StzhAnchornavItem, StzhAnchornavItemClickEvent, StzhAppointmentsChangeEvent, StzhAudioEndedEvent, StzhAudioEndEvent, StzhAudioErrorEvent, StzhAudioPauseEvent, StzhAudioPlayEvent, StzhAudioPlayingEvent, StzhAudioReplayEvent, StzhButtonBlurEvent, StzhButtonChangeEvent, StzhButtonFocusEvent, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCardClickEvent, StzhCardCollapseEvent, StzhCardHeaderAction, StzhCardHeaderActionClickEvent, StzhCardListCollapseAllEvent, StzhCardStarClickEvent, StzhCardSubtitleClickEvent, StzhCarouselSlideEndEvent, StzhCarouselSlidePassedEvent, StzhCarouselSlideStartEvent, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipSelectChangeEvent, StzhChipSelectItem, StzhClampClampEvent, StzhClampExpandEvent, StzhContactAvailabilityItem, StzhDatalistDirectionChangeEvent, StzhDatalistHideBorderChangeEvent, StzhDatalistItemActionClickEvent, StzhDatalistItemEntry, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatepickerChangeEvent, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhInputBlurEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLangnavChangeEvent, StzhLinkBlurEvent, StzhLinkFocusEvent, StzhMenuItemBlurEvent, StzhMenuItemFocusEvent, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhMicrositeTeaserlistTag, StzhOlmapInitializedEvent, StzhOlmapMoveEndEvent, StzhOlmapMoveStartEvent, StzhOlmapPostRenderEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhProgressbarDataItem, StzhProgressbarItemClickEvent, StzhProgressbarItemDottedClickEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhStickyStuckBottomEvent, StzhStickyStuckTopEvent, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFileRemoveEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, StzhVbzMajortickerDisturbance, StzhVbzMajortickerDisturbanceFetchedEvent, VBZ } from "./index";
+export { ContactNumber, Font, Layout, OlmapLayer, ShareService, Space, StzhAccordionItemBlurEvent, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemFocusEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhActionsetItem, StzhActionsetItemClickEvent, StzhAmountChangeEvent, StzhAnchornavItem, StzhAnchornavItemClickEvent, StzhAppointmentsChangeEvent, StzhAudioEndedEvent, StzhAudioEndEvent, StzhAudioErrorEvent, StzhAudioPauseEvent, StzhAudioPlayEvent, StzhAudioPlayingEvent, StzhAudioReplayEvent, StzhButtonBlurEvent, StzhButtonChangeEvent, StzhButtonFocusEvent, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCardClickEvent, StzhCardCollapseEvent, StzhCardHeaderAction, StzhCardHeaderActionClickEvent, StzhCardListCollapseAllEvent, StzhCardStarClickEvent, StzhCardSubtitleClickEvent, StzhCarouselSlideEndEvent, StzhCarouselSlidePassedEvent, StzhCarouselSlideStartEvent, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipSelectChangeEvent, StzhChipSelectItem, StzhClampClampEvent, StzhClampExpandEvent, StzhContactAvailabilityItem, StzhDatalistDirectionChangeEvent, StzhDatalistHideBorderChangeEvent, StzhDatalistItemActionClickEvent, StzhDatalistItemEntry, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatepickerChangeEvent, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOption, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhInputBlurEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLangnavChangeEvent, StzhLinkBlurEvent, StzhLinkFocusEvent, StzhMenuItemBlurEvent, StzhMenuItemFocusEvent, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhMicrositeTeaserlistTag, StzhMonthyearpickerChangeEvent, StzhOlmapInitializedEvent, StzhOlmapMoveEndEvent, StzhOlmapMoveStartEvent, StzhOlmapPostRenderEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhProgressbarDataItem, StzhProgressbarItemClickEvent, StzhProgressbarItemDottedClickEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhStickyStuckBottomEvent, StzhStickyStuckTopEvent, StzhTimepickerChangeEvent, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFileRemoveEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, StzhVbzMajortickerDisturbance, StzhVbzMajortickerDisturbanceFetchedEvent, VBZ } from "./index";
 export { StzhActionsetLocalizedText } from "./components/stzh-actionset/stzh-actionset.localization";
 export { Placement } from "@floating-ui/dom";
 export { StzhAmountLocalizedText } from "./components/stzh-amount/stzh-amount.localization";
@@ -61,12 +63,14 @@ export { StzhFooterLocalizedText } from "./components/stzh-footer/stzh-footer.lo
 export { StzhGhettoboxLocalizedText } from "./components/stzh-ghettobox/stzh-ghettobox.localization";
 export { StzhMessageLocalizedText } from "./components/stzh-message/stzh-message.localization";
 export { StzhMicrositeTeaserlistLocalizedText } from "./components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.localization";
+export { StzhMonthyearpickerLocalizedText } from "./components/stzh-monthyearpicker/stzh-monthyearpicker.localization";
 export { StzhOlmapLocalizedText } from "./components/stzh-olmap/stzh-olmap.localization";
 export { StzhPopoverLocalizedText } from "./components/stzh-popover/stzh-popover.localization";
 export { StzhProgressbarLocalizedText } from "./components/stzh-progressbar/stzh-progressbar.localization";
 export { StzhSaptchaLocalizedText } from "./components/stzh-saptcha/stzh-saptcha.localization";
 export { StzhShareLocalizedText } from "./components/stzh-share/stzh-share.localization";
 export { StzhSortableLocalizedText } from "./components/stzh-sortable/stzh-sortable.localization";
+export { StzhTimepickerLocalizedText } from "./components/stzh-timepicker/stzh-timepicker.localization";
 export { StzhTooltipLocalizedText } from "./components/stzh-tooltip/stzh-tooltip.localization";
 export { StzhUploadLocalizedText } from "./components/stzh-upload/stzh-upload.localization";
 export { StzhVbzMajortickerLocalizedText } from "./components/stzh-vbz-majorticker/stzh-vbz-majorticker.localization";
@@ -186,7 +190,7 @@ export namespace Components {
     }
     interface StzhAmount {
         /**
-          * Id of the element which describes the input (this will be overwritten if description prop is used)
+          * Id of the element which describes the input
          */
         "a11yDescribedby": string;
         /**
@@ -1561,6 +1565,10 @@ export namespace Components {
           * Icon (use instead of icon slot)
          */
         "icon": string;
+        /**
+          * Angle icon
+         */
+        "iconAngle": string;
         /**
           * Show inline (auto width)
          */
@@ -1656,7 +1664,7 @@ export namespace Components {
         /**
           * Available options
          */
-        "options": any[] | string;
+        "options": StzhDropdownOption[] | string;
         /**
           * Popover placement
          */
@@ -2290,6 +2298,120 @@ export namespace Components {
          */
         "tags": string | StzhMicrositeTeaserlistTag[];
     }
+    interface StzhMonthyearpicker {
+        /**
+          * Id of the element which describes the month dropdown
+         */
+        "a11yDescribedbyMonth": string;
+        /**
+          * Id of the element which describes the year dropdown
+         */
+        "a11yDescribedbyYear": string;
+        /**
+          * Long description message appearing in a popover for month
+         */
+        "descriptionLongMonth": string;
+        /**
+          * Long description message appearing in a popover for year
+         */
+        "descriptionLongYear": string;
+        /**
+          * Description message for month
+         */
+        "descriptionMonth": string;
+        /**
+          * Description message for year
+         */
+        "descriptionYear": string;
+        /**
+          * Whether the element is disabled or not
+         */
+        "disabled": boolean;
+        /**
+          * One or multiple error message for month
+         */
+        "errorMonth": string | string[];
+        /**
+          * One or multiple error message for year
+         */
+        "errorYear": string | string[];
+        /**
+          * Picker format.
+         */
+        "format": "default" | "creditcard";
+        /**
+          * Invalid status for month
+         */
+        "invalidMonth": boolean;
+        /**
+          * Invalid status for year
+         */
+        "invalidYear": boolean;
+        /**
+          * Translation strings.
+         */
+        "localization": StzhMonthyearpickerLocalizedText;
+        /**
+          * Maximum month and year allowed to be picked in `YYYY-MM` format. This setting can be used alone or together with the `min` property.
+         */
+        "max": string;
+        /**
+          * Maximum year (will be overwritten if `max` is used). This setting can be used alone or together with the `minYear` property.
+         */
+        "maxYear": number;
+        /**
+          * Minimum month and year allowed to be picked in `YYYY-MM` format. This setting can be used alone or together with the `max` property.
+         */
+        "min": string;
+        /**
+          * Minimum year (will be overwritten if `min` is used). This setting can be used alone or together with the `maxYear` property.
+         */
+        "minYear": number;
+        /**
+          * Month dropdown label
+         */
+        "monthLabel": string;
+        /**
+          * Set which months to show (overwrites months from min/max)
+         */
+        "months": number[] | string;
+        /**
+          * Name of the hidden date picker input.
+         */
+        "name": string;
+        /**
+          * Popover placement for the dropdown (if applicable)
+         */
+        "popoverPlacement": "bottom" | "bottom-end" | "bottom-center" | "top" | "top-end" | "top-center";
+        /**
+          * Whether the element is readonly or not
+         */
+        "readonly": boolean;
+        /**
+          * Required status
+         */
+        "required": boolean;
+        /**
+          * Append text to label depending if field is optional/required. true -> show "(optional)", false -> show nothing
+         */
+        "showMarker": boolean;
+        /**
+          * Size variant
+         */
+        "size": "default" | "small";
+        /**
+          * Value of hidden input (current selected year and month YYYY-MM).
+         */
+        "value": string;
+        /**
+          * Year dropdown label
+         */
+        "yearLabel": string;
+        /**
+          * Set which years to show (overwrites years from min/max)
+         */
+        "years": number[] | string;
+    }
     interface StzhOlmap {
         /**
           * Add a icon marker to the icon layer.
@@ -3019,6 +3141,80 @@ export namespace Components {
          */
         "size": "default" | "small" | "large";
     }
+    interface StzhTimepicker {
+        /**
+          * Id of the element which describes the input
+         */
+        "a11yDescribedby": string;
+        /**
+          * Description message (use description slot as alternative)
+         */
+        "description": string;
+        /**
+          * Long description message appearing in a popover (use description-long slot as alternative)
+         */
+        "descriptionLong": string;
+        /**
+          * Whether the element is disabled or not
+         */
+        "disabled": boolean;
+        /**
+          * One or multiple error message (use error slot as alternative)
+         */
+        "error": string | string[];
+        /**
+          * Invalid status
+         */
+        "invalid": boolean;
+        /**
+          * Label for dropdown
+         */
+        "label": string;
+        /**
+          * Translation strings.
+         */
+        "localization": StzhTimepickerLocalizedText;
+        /**
+          * Maximum time allowed to be picked in minutes. Can not be higher than 1440 (24h * 60). This setting can be used alone or together with the min property.
+         */
+        "max": number;
+        /**
+          * Minimum time allowed to be picked in minutes. Can not be lower than 0. This setting can be used alone or together with the max property.
+         */
+        "min": number;
+        /**
+          * Name of the hidden date picker input.
+         */
+        "name": string;
+        /**
+          * Popover placement for the dropdown (if applicable)
+         */
+        "popoverPlacement": "bottom" | "bottom-end" | "bottom-center" | "top" | "top-end" | "top-center";
+        /**
+          * Whether the element is readonly or not
+         */
+        "readonly": boolean;
+        /**
+          * Required status
+         */
+        "required": boolean;
+        /**
+          * Append text to label depending if field is optional/required. true -> show "(optional)", false -> show nothing
+         */
+        "showMarker": boolean;
+        /**
+          * Size variant
+         */
+        "size": "default" | "small";
+        /**
+          * Time added for each step in minutes.
+         */
+        "step": number;
+        /**
+          * Value of hidden date picker input (current selected date in ISO format).
+         */
+        "value": string;
+    }
     interface StzhToggle {
         /**
           * Id for element which describes the input (this will be overwritten if description prop or slot is used)
@@ -3504,6 +3700,10 @@ export interface StzhMessageCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhMessageElement;
 }
+export interface StzhMonthyearpickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLStzhMonthyearpickerElement;
+}
 export interface StzhOlmapCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhOlmapElement;
@@ -3532,6 +3732,10 @@ export interface StzhStickyCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhStickyElement;
 }
+export interface StzhTimepickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLStzhTimepickerElement;
+}
 export interface StzhToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhToggleElement;
@@ -3917,6 +4121,12 @@ declare global {
         prototype: HTMLStzhMicrositeTeaserlistElement;
         new (): HTMLStzhMicrositeTeaserlistElement;
     };
+    interface HTMLStzhMonthyearpickerElement extends Components.StzhMonthyearpicker, HTMLStencilElement {
+    }
+    var HTMLStzhMonthyearpickerElement: {
+        prototype: HTMLStzhMonthyearpickerElement;
+        new (): HTMLStzhMonthyearpickerElement;
+    };
     interface HTMLStzhOlmapElement extends Components.StzhOlmap, HTMLStencilElement {
     }
     var HTMLStzhOlmapElement: {
@@ -4105,6 +4315,12 @@ declare global {
         prototype: HTMLStzhTextandimageElement;
         new (): HTMLStzhTextandimageElement;
     };
+    interface HTMLStzhTimepickerElement extends Components.StzhTimepicker, HTMLStencilElement {
+    }
+    var HTMLStzhTimepickerElement: {
+        prototype: HTMLStzhTimepickerElement;
+        new (): HTMLStzhTimepickerElement;
+    };
     interface HTMLStzhToggleElement extends Components.StzhToggle, HTMLStencilElement {
     }
     var HTMLStzhToggleElement: {
@@ -4213,6 +4429,7 @@ declare global {
         "stzh-message": HTMLStzhMessageElement;
         "stzh-metanav": HTMLStzhMetanavElement;
         "stzh-microsite-teaserlist": HTMLStzhMicrositeTeaserlistElement;
+        "stzh-monthyearpicker": HTMLStzhMonthyearpickerElement;
         "stzh-olmap": HTMLStzhOlmapElement;
         "stzh-overlay": HTMLStzhOverlayElement;
         "stzh-page-skiplinks": HTMLStzhPageSkiplinksElement;
@@ -4243,6 +4460,7 @@ declare global {
         "stzh-table": HTMLStzhTableElement;
         "stzh-text": HTMLStzhTextElement;
         "stzh-textandimage": HTMLStzhTextandimageElement;
+        "stzh-timepicker": HTMLStzhTimepickerElement;
         "stzh-toggle": HTMLStzhToggleElement;
         "stzh-tooltip": HTMLStzhTooltipElement;
         "stzh-upload": HTMLStzhUploadElement;
@@ -4376,7 +4594,7 @@ declare namespace LocalJSX {
     }
     interface StzhAmount {
         /**
-          * Id of the element which describes the input (this will be overwritten if description prop is used)
+          * Id of the element which describes the input
          */
         "a11yDescribedby"?: string;
         /**
@@ -5857,6 +6075,10 @@ declare namespace LocalJSX {
           * Icon (use instead of icon slot)
          */
         "icon"?: string;
+        /**
+          * Angle icon
+         */
+        "iconAngle"?: string;
         /**
           * Show inline (auto width)
          */
@@ -5988,7 +6210,7 @@ declare namespace LocalJSX {
         /**
           * Available options
          */
-        "options"?: any[] | string;
+        "options"?: StzhDropdownOption[] | string;
         /**
           * Popover placement
          */
@@ -6633,6 +6855,124 @@ declare namespace LocalJSX {
          */
         "tags"?: string | StzhMicrositeTeaserlistTag[];
     }
+    interface StzhMonthyearpicker {
+        /**
+          * Id of the element which describes the month dropdown
+         */
+        "a11yDescribedbyMonth"?: string;
+        /**
+          * Id of the element which describes the year dropdown
+         */
+        "a11yDescribedbyYear"?: string;
+        /**
+          * Long description message appearing in a popover for month
+         */
+        "descriptionLongMonth"?: string;
+        /**
+          * Long description message appearing in a popover for year
+         */
+        "descriptionLongYear"?: string;
+        /**
+          * Description message for month
+         */
+        "descriptionMonth"?: string;
+        /**
+          * Description message for year
+         */
+        "descriptionYear"?: string;
+        /**
+          * Whether the element is disabled or not
+         */
+        "disabled"?: boolean;
+        /**
+          * One or multiple error message for month
+         */
+        "errorMonth"?: string | string[];
+        /**
+          * One or multiple error message for year
+         */
+        "errorYear"?: string | string[];
+        /**
+          * Picker format.
+         */
+        "format"?: "default" | "creditcard";
+        /**
+          * Invalid status for month
+         */
+        "invalidMonth"?: boolean;
+        /**
+          * Invalid status for year
+         */
+        "invalidYear"?: boolean;
+        /**
+          * Translation strings.
+         */
+        "localization"?: StzhMonthyearpickerLocalizedText;
+        /**
+          * Maximum month and year allowed to be picked in `YYYY-MM` format. This setting can be used alone or together with the `min` property.
+         */
+        "max"?: string;
+        /**
+          * Maximum year (will be overwritten if `max` is used). This setting can be used alone or together with the `minYear` property.
+         */
+        "maxYear"?: number;
+        /**
+          * Minimum month and year allowed to be picked in `YYYY-MM` format. This setting can be used alone or together with the `max` property.
+         */
+        "min"?: string;
+        /**
+          * Minimum year (will be overwritten if `min` is used). This setting can be used alone or together with the `maxYear` property.
+         */
+        "minYear"?: number;
+        /**
+          * Month dropdown label
+         */
+        "monthLabel"?: string;
+        /**
+          * Set which months to show (overwrites months from min/max)
+         */
+        "months"?: number[] | string;
+        /**
+          * Name of the hidden date picker input.
+         */
+        "name"?: string;
+        /**
+          * Monthyearpicker change event
+         */
+        "onStzhChange"?: (event: StzhMonthyearpickerCustomEvent<StzhMonthyearpickerChangeEvent>) => void;
+        /**
+          * Popover placement for the dropdown (if applicable)
+         */
+        "popoverPlacement"?: "bottom" | "bottom-end" | "bottom-center" | "top" | "top-end" | "top-center";
+        /**
+          * Whether the element is readonly or not
+         */
+        "readonly"?: boolean;
+        /**
+          * Required status
+         */
+        "required"?: boolean;
+        /**
+          * Append text to label depending if field is optional/required. true -> show "(optional)", false -> show nothing
+         */
+        "showMarker"?: boolean;
+        /**
+          * Size variant
+         */
+        "size"?: "default" | "small";
+        /**
+          * Value of hidden input (current selected year and month YYYY-MM).
+         */
+        "value"?: string;
+        /**
+          * Year dropdown label
+         */
+        "yearLabel"?: string;
+        /**
+          * Set which years to show (overwrites years from min/max)
+         */
+        "years"?: number[] | string;
+    }
     interface StzhOlmap {
         /**
           * Initial center position
@@ -7375,6 +7715,84 @@ declare namespace LocalJSX {
          */
         "size"?: "default" | "small" | "large";
     }
+    interface StzhTimepicker {
+        /**
+          * Id of the element which describes the input
+         */
+        "a11yDescribedby"?: string;
+        /**
+          * Description message (use description slot as alternative)
+         */
+        "description"?: string;
+        /**
+          * Long description message appearing in a popover (use description-long slot as alternative)
+         */
+        "descriptionLong"?: string;
+        /**
+          * Whether the element is disabled or not
+         */
+        "disabled"?: boolean;
+        /**
+          * One or multiple error message (use error slot as alternative)
+         */
+        "error"?: string | string[];
+        /**
+          * Invalid status
+         */
+        "invalid"?: boolean;
+        /**
+          * Label for dropdown
+         */
+        "label"?: string;
+        /**
+          * Translation strings.
+         */
+        "localization"?: StzhTimepickerLocalizedText;
+        /**
+          * Maximum time allowed to be picked in minutes. Can not be higher than 1440 (24h * 60). This setting can be used alone or together with the min property.
+         */
+        "max"?: number;
+        /**
+          * Minimum time allowed to be picked in minutes. Can not be lower than 0. This setting can be used alone or together with the max property.
+         */
+        "min"?: number;
+        /**
+          * Name of the hidden date picker input.
+         */
+        "name"?: string;
+        /**
+          * Timepicker change event
+         */
+        "onStzhChange"?: (event: StzhTimepickerCustomEvent<StzhTimepickerChangeEvent>) => void;
+        /**
+          * Popover placement for the dropdown (if applicable)
+         */
+        "popoverPlacement"?: "bottom" | "bottom-end" | "bottom-center" | "top" | "top-end" | "top-center";
+        /**
+          * Whether the element is readonly or not
+         */
+        "readonly"?: boolean;
+        /**
+          * Required status
+         */
+        "required"?: boolean;
+        /**
+          * Append text to label depending if field is optional/required. true -> show "(optional)", false -> show nothing
+         */
+        "showMarker"?: boolean;
+        /**
+          * Size variant
+         */
+        "size"?: "default" | "small";
+        /**
+          * Time added for each step in minutes.
+         */
+        "step"?: number;
+        /**
+          * Value of hidden date picker input (current selected date in ISO format).
+         */
+        "value"?: string;
+    }
     interface StzhToggle {
         /**
           * Id for element which describes the input (this will be overwritten if description prop or slot is used)
@@ -7887,6 +8305,7 @@ declare namespace LocalJSX {
         "stzh-message": StzhMessage;
         "stzh-metanav": StzhMetanav;
         "stzh-microsite-teaserlist": StzhMicrositeTeaserlist;
+        "stzh-monthyearpicker": StzhMonthyearpicker;
         "stzh-olmap": StzhOlmap;
         "stzh-overlay": StzhOverlay;
         "stzh-page-skiplinks": StzhPageSkiplinks;
@@ -7917,6 +8336,7 @@ declare namespace LocalJSX {
         "stzh-table": StzhTable;
         "stzh-text": StzhText;
         "stzh-textandimage": StzhTextandimage;
+        "stzh-timepicker": StzhTimepicker;
         "stzh-toggle": StzhToggle;
         "stzh-tooltip": StzhTooltip;
         "stzh-upload": StzhUpload;
@@ -8000,6 +8420,7 @@ declare module "@stencil/core" {
              * @see https://www.stadt-zuerich.ch/site/iazh/de/index.html
              */
             "stzh-microsite-teaserlist": LocalJSX.StzhMicrositeTeaserlist & JSXBase.HTMLAttributes<HTMLStzhMicrositeTeaserlistElement>;
+            "stzh-monthyearpicker": LocalJSX.StzhMonthyearpicker & JSXBase.HTMLAttributes<HTMLStzhMonthyearpickerElement>;
             "stzh-olmap": LocalJSX.StzhOlmap & JSXBase.HTMLAttributes<HTMLStzhOlmapElement>;
             "stzh-overlay": LocalJSX.StzhOverlay & JSXBase.HTMLAttributes<HTMLStzhOverlayElement>;
             "stzh-page-skiplinks": LocalJSX.StzhPageSkiplinks & JSXBase.HTMLAttributes<HTMLStzhPageSkiplinksElement>;
@@ -8038,6 +8459,7 @@ declare module "@stencil/core" {
             "stzh-table": LocalJSX.StzhTable & JSXBase.HTMLAttributes<HTMLStzhTableElement>;
             "stzh-text": LocalJSX.StzhText & JSXBase.HTMLAttributes<HTMLStzhTextElement>;
             "stzh-textandimage": LocalJSX.StzhTextandimage & JSXBase.HTMLAttributes<HTMLStzhTextandimageElement>;
+            "stzh-timepicker": LocalJSX.StzhTimepicker & JSXBase.HTMLAttributes<HTMLStzhTimepickerElement>;
             "stzh-toggle": LocalJSX.StzhToggle & JSXBase.HTMLAttributes<HTMLStzhToggleElement>;
             "stzh-tooltip": LocalJSX.StzhTooltip & JSXBase.HTMLAttributes<HTMLStzhTooltipElement>;
             "stzh-upload": LocalJSX.StzhUpload & JSXBase.HTMLAttributes<HTMLStzhUploadElement>;

package/dist/types/index.d.ts

@@ -165,6 +165,16 @@ export type StzhDatepickerChangeEvent = {
   value: string;
   valueAsDate: Date;
 };
+export type StzhTimepickerChangeEvent = {
+  component: "stzh-timepicker";
+  value: string;
+};
+export type StzhMonthyearpickerChangeEvent = {
+  component: "stzh-monthyearpicker";
+  value: string;
+  valueMonth: string;
+  valueYear: string;
+};
 export type StzhAmountChangeEvent = {
   component: "stzh-amount";
   value: string;
@@ -493,6 +503,10 @@ export type StzhLangnavChangeEvent = {
   component: "stzh-langnav";
   value: string;
 };
+export type StzhDropdownOption = {
+  text: string;
+  value: string;
+};
 export type StzhDropdownChangeEvent = {
   component: "stzh-dropdown";
   value: string;

package/dist/types/utils/translation-utils.d.ts

@@ -26,6 +26,7 @@ export type StzhLocaleGlobals = {
   requiredFieldText: string;
   optionalFieldMarker: string;
   optionalFieldText: string;
+  invalidFieldText: string;
   clearButtonLabel: string;
   moreInfoButtonLabel: string;
   dayNames: DayNames;