@sbb-esta/lyne-elements 1.2.1 → 1.3.0

package/custom-elements.json

@@ -1503,8 +1503,7 @@
               "type": {
                 "text": "DateAdapter<T>"
               },
-              "privacy": "private",
-              "default": "defaultDateAdapter as unknown"
+              "privacy": "private"
             },
             {
               "kind": "field",
@@ -12489,6 +12488,56 @@
                 "module": "icon.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              },
+              "default": "!!this.shadowRoot"
+            },
             {
               "kind": "field",
               "name": "events",
@@ -12674,6 +12723,10 @@
             {
               "name": "SbbIconNameMixin",
               "module": "icon.js"
+            },
+            {
+              "name": "SbbHydrationMixin",
+              "module": "core/mixins.js"
             }
           ],
           "superclass": {
@@ -23928,7 +23981,8 @@
                 "type": {
                   "text": "number"
                 }
-              }
+              },
+              "description": "Get the first day of the week (0: sunday; 1: monday; etc.)."
             },
             {
               "kind": "method",
@@ -24249,9 +24303,16 @@
                     "text": "T | null | undefined"
                   },
                   "description": "The date to format."
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "{ weekdayStyle?: 'long' | 'short' | 'narrow' }"
+                  }
                 }
               ],
-              "description": "Format the given Date as string."
+              "description": "Format the given date as string."
             },
             {
               "kind": "method",
@@ -24637,6 +24698,7 @@
                   "text": "number"
                 }
               },
+              "description": "Get the first day of the week (0: sunday; 1: monday; etc.).",
               "inheritedFrom": {
                 "name": "DateAdapter",
                 "module": "core/datetime.js"
@@ -24925,29 +24987,6 @@
                 "module": "core/datetime.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "format",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "Date | null | undefined"
-                  }
-                }
-              ],
-              "description": "Format the given Date as string.",
-              "inheritedFrom": {
-                "name": "DateAdapter",
-                "module": "core/datetime.js"
-              }
-            },
             {
               "kind": "method",
               "name": "invalid",
@@ -25021,6 +25060,37 @@
               ],
               "description": "Creates a date but allows the month and date to overflow."
             },
+            {
+              "kind": "method",
+              "name": "format",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "date",
+                  "type": {
+                    "text": "T | null | undefined"
+                  },
+                  "description": "The date to format."
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "{ weekdayStyle?: 'long' | 'short' | 'narrow' }"
+                  }
+                }
+              ],
+              "description": "Format the given date as string.",
+              "inheritedFrom": {
+                "name": "DateAdapter",
+                "module": "core/datetime.js"
+              }
+            },
             {
               "kind": "method",
               "name": "toIso8601",
@@ -25290,6 +25360,17 @@
             }
           ],
           "description": "Applies the given attributes to the related element.\nIf an empty string is passed as a value, the attribute will be set\nwithout value."
+        },
+        {
+          "kind": "function",
+          "name": "slotState",
+          "description": "Adds the SbbSlotStateController to the related element.",
+          "parameters": [
+            {
+              "description": "A record of attributes to apply to the element.",
+              "name": "attributes"
+            }
+          ]
         }
       ],
       "exports": [
@@ -25300,6 +25381,14 @@
             "name": "hostAttributes",
             "module": "core/decorators.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "slotState",
+          "declaration": {
+            "name": "slotState",
+            "module": "core/decorators.js"
+          }
         }
       ]
     },
@@ -30126,7 +30215,7 @@
               "kind": "field",
               "name": "datePicker",
               "type": {
-                "text": "string | SbbDatepickerElement | undefined"
+                "text": "string | SbbDatepickerElement<T> | undefined"
               },
               "privacy": "public",
               "description": "Datepicker reference.",
@@ -30166,7 +30255,7 @@
               "kind": "field",
               "name": "datePickerElement",
               "type": {
-                "text": "SbbDatepickerElement | null | undefined"
+                "text": "SbbDatepickerElement<T> | null | undefined"
               },
               "privacy": "protected",
               "default": "null"
@@ -30175,10 +30264,9 @@
               "kind": "field",
               "name": "_dateAdapter",
               "type": {
-                "text": "DateAdapter<Date>"
+                "text": "DateAdapter<T>"
               },
-              "privacy": "private",
-              "default": "defaultDateAdapter"
+              "privacy": "private"
             },
             {
               "kind": "field",
@@ -30227,7 +30315,7 @@
               "kind": "field",
               "name": "findAvailableDate",
               "type": {
-                "text": "(\n    _date: Date,\n    _dateFilter: ((date: Date) => boolean) | null,\n    _dateAdapter: DateAdapter<Date>,\n    _boundary: string | number | null,\n  ) => Date"
+                "text": "(\n    _date: T,\n    _dateFilter: ((date: T) => boolean) | null,\n    _dateAdapter: DateAdapter<T>,\n    _boundary: string | number | null,\n  ) => T"
               },
               "privacy": "protected"
             },
@@ -30262,7 +30350,7 @@
                 {
                   "name": "datepicker",
                   "type": {
-                    "text": "SbbDatepickerElement | null | undefined"
+                    "text": "SbbDatepickerElement<T> | null | undefined"
                   }
                 }
               ]
@@ -30301,7 +30389,7 @@
                   "name": "picker",
                   "optional": true,
                   "type": {
-                    "text": "string | SbbDatepickerElement"
+                    "text": "string | SbbDatepickerElement<T>"
                   }
                 }
               ]
@@ -30514,7 +30602,7 @@
             {
               "name": "date-picker",
               "type": {
-                "text": "string | SbbDatepickerElement | undefined"
+                "text": "string | SbbDatepickerElement<T> | undefined"
               },
               "description": "Datepicker reference.",
               "fieldName": "datePicker"
@@ -30657,7 +30745,7 @@
               "kind": "field",
               "name": "findAvailableDate",
               "type": {
-                "text": "(\n    _date: Date,\n    _dateFilter: ((date: Date) => boolean) | null,\n    _dateAdapter: DateAdapter<Date>,\n    _boundary: string | number | null,\n  ) => Date"
+                "text": "(\n    _date: T,\n    _dateFilter: ((date: T) => boolean) | null,\n    _dateAdapter: DateAdapter<T>,\n    _boundary: string | number | null,\n  ) => T"
               },
               "privacy": "protected",
               "default": "findNextAvailableDate",
@@ -30708,7 +30796,7 @@
               "kind": "field",
               "name": "datePicker",
               "type": {
-                "text": "string | SbbDatepickerElement | undefined"
+                "text": "string | SbbDatepickerElement<T> | undefined"
               },
               "privacy": "public",
               "description": "Datepicker reference.",
@@ -30764,7 +30852,7 @@
               "kind": "field",
               "name": "datePickerElement",
               "type": {
-                "text": "SbbDatepickerElement | null | undefined"
+                "text": "SbbDatepickerElement<T> | null | undefined"
               },
               "privacy": "protected",
               "default": "null",
@@ -30777,10 +30865,9 @@
               "kind": "field",
               "name": "_dateAdapter",
               "type": {
-                "text": "DateAdapter<Date>"
+                "text": "DateAdapter<T>"
               },
               "privacy": "private",
-              "default": "defaultDateAdapter",
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common.js"
@@ -30830,7 +30917,7 @@
                 {
                   "name": "datepicker",
                   "type": {
-                    "text": "SbbDatepickerElement | null | undefined"
+                    "text": "SbbDatepickerElement<T> | null | undefined"
                   }
                 }
               ],
@@ -30881,7 +30968,7 @@
                   "name": "picker",
                   "optional": true,
                   "type": {
-                    "text": "string | SbbDatepickerElement"
+                    "text": "string | SbbDatepickerElement<T>"
                   }
                 }
               ],
@@ -31109,7 +31196,7 @@
             {
               "name": "date-picker",
               "type": {
-                "text": "string | SbbDatepickerElement | undefined"
+                "text": "string | SbbDatepickerElement<T> | undefined"
               },
               "description": "Datepicker reference.",
               "fieldName": "datePicker",
@@ -31241,7 +31328,7 @@
               "kind": "field",
               "name": "findAvailableDate",
               "type": {
-                "text": "(\n    _date: Date,\n    _dateFilter: ((date: Date) => boolean) | null,\n    _dateAdapter: DateAdapter<Date>,\n    _boundary: string | number | null,\n  ) => Date"
+                "text": "(\n    _date: T,\n    _dateFilter: ((date: T) => boolean) | null,\n    _dateAdapter: DateAdapter<T>,\n    _boundary: string | number | null,\n  ) => T"
               },
               "privacy": "protected",
               "default": "findPreviousAvailableDate",
@@ -31292,7 +31379,7 @@
               "kind": "field",
               "name": "datePicker",
               "type": {
-                "text": "string | SbbDatepickerElement | undefined"
+                "text": "string | SbbDatepickerElement<T> | undefined"
               },
               "privacy": "public",
               "description": "Datepicker reference.",
@@ -31348,7 +31435,7 @@
               "kind": "field",
               "name": "datePickerElement",
               "type": {
-                "text": "SbbDatepickerElement | null | undefined"
+                "text": "SbbDatepickerElement<T> | null | undefined"
               },
               "privacy": "protected",
               "default": "null",
@@ -31361,10 +31448,9 @@
               "kind": "field",
               "name": "_dateAdapter",
               "type": {
-                "text": "DateAdapter<Date>"
+                "text": "DateAdapter<T>"
               },
               "privacy": "private",
-              "default": "defaultDateAdapter",
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common.js"
@@ -31414,7 +31500,7 @@
                 {
                   "name": "datepicker",
                   "type": {
-                    "text": "SbbDatepickerElement | null | undefined"
+                    "text": "SbbDatepickerElement<T> | null | undefined"
                   }
                 }
               ],
@@ -31465,7 +31551,7 @@
                   "name": "picker",
                   "optional": true,
                   "type": {
-                    "text": "string | SbbDatepickerElement"
+                    "text": "string | SbbDatepickerElement<T>"
                   }
                 }
               ],
@@ -31693,7 +31779,7 @@
             {
               "name": "date-picker",
               "type": {
-                "text": "string | SbbDatepickerElement | undefined"
+                "text": "string | SbbDatepickerElement<T> | undefined"
               },
               "description": "Datepicker reference.",
               "fieldName": "datePicker",
@@ -31832,7 +31918,7 @@
               "kind": "field",
               "name": "_datePickerElement",
               "type": {
-                "text": "SbbDatepickerElement | null | undefined"
+                "text": "SbbDatepickerElement<T> | null | undefined"
               },
               "privacy": "private"
             },
@@ -31840,7 +31926,7 @@
               "kind": "field",
               "name": "_calendarElement",
               "type": {
-                "text": "SbbCalendarElement"
+                "text": "SbbCalendarElement<T>"
               },
               "privacy": "private"
             },
@@ -31917,13 +32003,13 @@
                 {
                   "name": "calendar",
                   "type": {
-                    "text": "SbbCalendarElement"
+                    "text": "SbbCalendarElement<T>"
                   }
                 },
                 {
                   "name": "datepicker",
                   "type": {
-                    "text": "SbbDatepickerElement"
+                    "text": "SbbDatepickerElement<T>"
                   }
                 }
               ]
@@ -31959,7 +32045,7 @@
                 {
                   "name": "calendar",
                   "type": {
-                    "text": "SbbCalendarElement"
+                    "text": "SbbCalendarElement<T>"
                   }
                 }
               ]
@@ -31970,7 +32056,7 @@
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Date | undefined"
+                  "text": "T | undefined"
                 }
               }
             },
@@ -32110,14 +32196,14 @@
           "name": "getDatePicker",
           "return": {
             "type": {
-              "text": "SbbDatepickerElement | null | undefined"
+              "text": "SbbDatepickerElement<T> | null | undefined"
             }
           },
           "parameters": [
             {
               "name": "element",
               "type": {
-                "text": "SbbDatepickerButton | SbbDatepickerToggleElement"
+                "text": "SbbDatepickerButton<T> | SbbDatepickerToggleElement<T>"
               },
               "description": "The element potentially connected to the SbbDatepickerElement."
             },
@@ -32137,14 +32223,14 @@
           "name": "getAvailableDate",
           "return": {
             "type": {
-              "text": "Date"
+              "text": "T"
             }
           },
           "parameters": [
             {
               "name": "date",
               "type": {
-                "text": "Date"
+                "text": "T"
               },
               "description": "The starting date for calculations."
             },
@@ -32158,47 +32244,48 @@
             {
               "name": "dateFilter",
               "type": {
-                "text": "((date: Date) => boolean) | null"
+                "text": "((date: T) => boolean) | null"
               },
               "description": "The dateFilter function from the SbbDatepickerElement."
             },
             {
               "name": "dateAdapter",
               "type": {
-                "text": "DateAdapter<Date>"
+                "text": "DateAdapter<T>"
               },
               "description": "The adapter class."
             }
           ],
-          "description": "Returns the first available date before or after a given one, considering the SbbDatepickerElement `dateFilter` property."
+          "description": "Returns the first available date before or after a given one, considering the SbbDatepickerElement `dateFilter` property.",
+          "deprecated": "Not intended as public API."
         },
         {
           "kind": "function",
           "name": "findPreviousAvailableDate",
           "return": {
             "type": {
-              "text": "Date"
+              "text": "T"
             }
           },
           "parameters": [
             {
               "name": "date",
               "type": {
-                "text": "Date"
+                "text": "T"
               },
               "description": "The starting date for calculations."
             },
             {
               "name": "dateFilter",
               "type": {
-                "text": "((date: Date) => boolean) | null"
+                "text": "((date: T) => boolean) | null"
               },
               "description": "The dateFilter function from the SbbDatepickerElement."
             },
             {
               "name": "dateAdapter",
               "type": {
-                "text": "DateAdapter<Date>"
+                "text": "DateAdapter<T>"
               },
               "description": "The adapter class."
             },
@@ -32210,35 +32297,36 @@
               "description": "The minimum value to consider in calculations."
             }
           ],
-          "description": "Calculates the first available date before the given one,\nconsidering the SbbDatepickerElement `dateFilter` property and `min` parameter (e.g. from the self-named input's attribute)."
+          "description": "Calculates the first available date before the given one,\nconsidering the SbbDatepickerElement `dateFilter` property and `min` parameter (e.g. from the self-named input's attribute).",
+          "deprecated": "Not intended as public API."
         },
         {
           "kind": "function",
           "name": "findNextAvailableDate",
           "return": {
             "type": {
-              "text": "Date"
+              "text": "T"
             }
           },
           "parameters": [
             {
               "name": "date",
               "type": {
-                "text": "Date"
+                "text": "T"
               },
               "description": "The starting date for calculations."
             },
             {
               "name": "dateFilter",
               "type": {
-                "text": "((date: Date) => boolean) | null"
+                "text": "((date: T) => boolean) | null"
               },
               "description": "The dateFilter function from the SbbDatepickerElement."
             },
             {
               "name": "dateAdapter",
               "type": {
-                "text": "DateAdapter<Date>"
+                "text": "DateAdapter<T>"
               },
               "description": "The adapter class."
             },
@@ -32250,7 +32338,8 @@
               "description": "The maximum value to consider in calculations."
             }
           ],
-          "description": "Calculates the first available date after the given one,\nconsidering the SbbDatepickerElement `dateFilter` property and `max` parameter (e.g. from the self-named input's attribute)."
+          "description": "Calculates the first available date after the given one,\nconsidering the SbbDatepickerElement `dateFilter` property and `max` parameter (e.g. from the self-named input's attribute).",
+          "deprecated": "Not intended as public API."
         },
         {
           "kind": "function",
@@ -32264,14 +32353,14 @@
             {
               "name": "date",
               "type": {
-                "text": "Date"
+                "text": "T"
               },
               "description": "The starting date for calculations."
             },
             {
               "name": "dateFilter",
               "type": {
-                "text": "((date: Date) => boolean) | null"
+                "text": "((date: T) => boolean) | null"
               },
               "description": "The dateFilter function from the SbbDatepickerElement."
             },
@@ -32290,7 +32379,8 @@
               "description": "The maximum value to consider in calculations."
             }
           ],
-          "description": "Checks if the provided date is a valid one, considering the SbbDatepickerElement `dateFilter` property\nand `min` and `max` parameters (e.g. from the self-named input's attributes)."
+          "description": "Checks if the provided date is a valid one, considering the SbbDatepickerElement `dateFilter` property\nand `min` and `max` parameters (e.g. from the self-named input's attributes).",
+          "deprecated": "Not intended as public API."
         },
         {
           "kind": "function",
@@ -32332,31 +32422,30 @@
               "kind": "field",
               "name": "dateFilter",
               "type": {
-                "text": "(date: Date | null) => boolean"
+                "text": "(date: T | null) => boolean"
               },
               "privacy": "public",
-              "description": "A function used to filter out dates.",
-              "attribute": "date-filter"
+              "description": "A function used to filter out dates."
             },
             {
               "kind": "field",
               "name": "dateParser",
               "type": {
-                "text": "(value: string) => Date | undefined | undefined"
+                "text": "(value: string) => T | undefined | undefined"
               },
               "privacy": "public",
               "description": "A function used to parse string value into dates.",
-              "attribute": "date-parser"
+              "deprecated": "No longer required."
             },
             {
               "kind": "field",
               "name": "format",
               "type": {
-                "text": "(date: Date) => string | undefined"
+                "text": "(date: T) => string | undefined"
               },
               "privacy": "public",
               "description": "A function used to format dates into the preferred string format.",
-              "attribute": "format"
+              "deprecated": "No longer required."
             },
             {
               "kind": "field",
@@ -32374,19 +32463,34 @@
               "privacy": "public",
               "description": "A configured date which acts as the current date instead of the real current date. Recommended for testing purposes.",
               "type": {
-                "text": "Date"
+                "text": "T"
               },
-              "attribute": "now",
-              "default": "null"
+              "attribute": "now"
             },
             {
               "kind": "field",
               "name": "_now",
               "type": {
-                "text": "Date | null"
+                "text": "T | null | undefined"
               },
-              "privacy": "private",
-              "default": "null"
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "valueAsDate",
+              "privacy": "public",
+              "description": "The currently selected date as a Date or custom date provider instance.",
+              "type": {
+                "text": "T | null"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_valueAsDate",
+              "type": {
+                "text": "T | null | undefined"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
@@ -32444,113 +32548,17 @@
               "type": {
                 "text": "HTMLInputElement | null"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_inputElementState",
-              "type": {
-                "text": "HTMLInputElement | null"
-              },
               "privacy": "private",
               "default": "null"
             },
             {
-              "kind": "method",
-              "name": "_findInput",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "string | HTMLElement"
-                  }
-                },
-                {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "string | HTMLElement"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_registerInputElement",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "HTMLInputElement | null"
-                  }
-                },
-                {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "HTMLInputElement | null"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "getValueAsDate",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "Date | undefined"
-                }
-              },
-              "description": "Gets the input value with the correct date format."
-            },
-            {
-              "kind": "method",
-              "name": "setValueAsDate",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "_inputElementPlaceholderMutable",
+              "type": {
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "date",
-                  "type": {
-                    "text": "SbbDateLike"
-                  }
-                }
-              ],
-              "description": "Set the input value to the correctly formatted value."
-            },
-            {
-              "kind": "method",
-              "name": "_onInputPropertiesChange",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "mutationsList",
-                  "optional": true,
-                  "type": {
-                    "text": "MutationRecord[]"
-                  }
-                }
-              ]
+              "default": "false"
             },
             {
               "kind": "field",
@@ -32564,13 +32572,13 @@
               "kind": "field",
               "name": "_inputObserver",
               "privacy": "private",
-              "default": "new AgnosticMutationObserver(this._onInputPropertiesChange.bind(this))"
+              "default": "new AgnosticMutationObserver((mutationsList) => { this._emitInputUpdated(); // TODO: Decide whether to remove this logic by adding a value property to the datepicker. if (this._inputElement && mutationsList?.some((e) => e.attributeName === 'value')) { const value = this._inputElement.getAttribute('value'); this.valueAsDate = this._dateAdapter.parse(value, this.now) ?? value; } })"
             },
             {
               "kind": "field",
               "name": "_dateAdapter",
               "type": {
-                "text": "DateAdapter<Date>"
+                "text": "DateAdapter<T>"
               },
               "privacy": "private"
             },
@@ -32587,135 +32595,99 @@
             },
             {
               "kind": "method",
-              "name": "_parseAndFormatValue",
-              "privacy": "private",
+              "name": "getValueAsDate",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "T | undefined"
                 }
               },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "description": "Gets the input value with the correct date format.",
+              "deprecated": "Use property valueAsDate instead."
             },
             {
               "kind": "method",
-              "name": "_createAndComposeDate",
-              "privacy": "private",
+              "name": "setValueAsDate",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "value",
+                  "name": "date",
                   "type": {
-                    "text": "SbbDateLike"
+                    "text": "SbbDateLike<T>"
                   }
                 }
-              ]
+              ],
+              "description": "Set the input value to the correctly formatted value.",
+              "deprecated": "Use property valueAsDate instead."
             },
             {
               "kind": "method",
-              "name": "_valueChanged",
+              "name": "_attachInput",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              }
             },
             {
               "kind": "method",
-              "name": "_formatAndUpdateValue",
+              "name": "_emitInputUpdated",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "valueAsDate",
-                  "type": {
-                    "text": "Date | null | undefined"
-                  }
-                }
-              ],
-              "description": "Applies the correct format to values and triggers event dispatch."
+              }
             },
             {
               "kind": "method",
-              "name": "_emitChange",
+              "name": "_handleInputChange",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "date",
-                  "type": {
-                    "text": "Date"
-                  }
-                }
-              ],
-              "description": "Emits the change event."
+              }
             },
             {
               "kind": "method",
-              "name": "_getValidValue",
+              "name": "_tryApplyFormatToInput",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "boolean"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_validateDate",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ]
+              }
             },
             {
               "kind": "method",
-              "name": "_parse",
+              "name": "_parseInput",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Date | undefined"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
+                  "name": "deserializeAsFallback",
+                  "default": "false"
                 }
               ]
             },
@@ -32732,7 +32704,7 @@
                 {
                   "name": "date",
                   "type": {
-                    "text": "Date"
+                    "text": "T"
                   }
                 }
               ]
@@ -32745,16 +32717,7 @@
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "date",
-                  "optional": true,
-                  "type": {
-                    "text": "Date"
-                  }
-                }
-              ]
+              }
             }
           ],
           "events": [
@@ -32804,30 +32767,6 @@
               "description": "If set to true, two months are displayed.",
               "fieldName": "wide"
             },
-            {
-              "name": "date-filter",
-              "type": {
-                "text": "(date: Date | null) => boolean"
-              },
-              "description": "A function used to filter out dates.",
-              "fieldName": "dateFilter"
-            },
-            {
-              "name": "date-parser",
-              "type": {
-                "text": "(value: string) => Date | undefined | undefined"
-              },
-              "description": "A function used to parse string value into dates.",
-              "fieldName": "dateParser"
-            },
-            {
-              "name": "format",
-              "type": {
-                "text": "(date: Date) => string | undefined"
-              },
-              "description": "A function used to format dates into the preferred string format.",
-              "fieldName": "format"
-            },
             {
               "name": "input",
               "type": {
@@ -32840,7 +32779,7 @@
               "name": "now",
               "description": "A configured date which acts as the current date instead of the real current date. Recommended for testing purposes.",
               "type": {
-                "text": "Date"
+                "text": "T"
               },
               "fieldName": "now"
             }
@@ -35159,7 +35098,7 @@
               "kind": "field",
               "name": "_formField",
               "type": {
-                "text": "SbbFormFieldElement | undefined"
+                "text": "SbbFormFieldElement | null | undefined"
               },
               "privacy": "private"
             },
@@ -35961,6 +35900,56 @@
                 "name": "SbbNegativeMixin",
                 "module": "core/mixins.js"
               }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              },
+              "default": "!!this.shadowRoot"
             }
           ],
           "attributes": [
@@ -36044,6 +36033,10 @@
             {
               "name": "SbbNegativeMixin",
               "module": "core/mixins.js"
+            },
+            {
+              "name": "SbbHydrationMixin",
+              "module": "core/mixins.js"
             }
           ],
           "superclass": {
@@ -45810,6 +45803,56 @@
                 }
               }
             },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              },
+              "default": "!!this.shadowRoot"
+            },
             {
               "kind": "field",
               "name": "events",
@@ -45967,6 +46010,12 @@
               "fieldName": "accessibilityCloseLabel"
             }
           ],
+          "mixins": [
+            {
+              "name": "SbbHydrationMixin",
+              "module": "core/mixins.js"
+            }
+          ],
           "superclass": {
             "name": "SbbOpenCloseBaseElement",
             "module": "core/base-elements.js"
@@ -48304,6 +48353,56 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              },
+              "default": "!!this.shadowRoot"
             }
           ],
           "attributes": [
@@ -48342,6 +48441,12 @@
               "fieldName": "selectedIndex"
             }
           ],
+          "mixins": [
+            {
+              "name": "SbbHydrationMixin",
+              "module": "core/mixins.js"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -48805,6 +48910,56 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              },
+              "default": "!!this.shadowRoot"
             }
           ],
           "events": [
@@ -48835,6 +48990,12 @@
               "fieldName": "initialSelectedIndex"
             }
           ],
+          "mixins": [
+            {
+              "name": "SbbHydrationMixin",
+              "module": "core/mixins.js"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"