/** * With the {@link UwcInputElement#type | `[type]`} attribute set to `"date"` [``](../uwc-input.ts) * will render a date input. * * ## Plain date input * * @example * * ```html * * ``` * * ## Specify a locale * * Similar to [``](./number.ts) this will format its value according to the closest `[lang]` attribute. * * @example * * ```html * * ``` * * ## Custom formats * * You can also configure a custom format pattern by specifying a valid [format string](https://date-fns.org/v4.1.0/docs/lightFormat) * for the {@link UwcInputElement#pattern | `[pattern]`} attribute. * * @example * * ```html * * ``` * * ## Custom placeholders * * It is possible to customize the placeholder as long as the "separators" (the bits that don't represent a value part) * match the current {@link UwcInputElement#pattern | `[pattern]`}. * * @example * * ```html * * ``` * * ## Default placeholders * * Because it is rather tedious to specify a placeholder everywhere just because your app * requires a different placeholder than the standard you can also override the default placeholder. * * Just keep in mind that this is not reactive, so you should do this once for your whole app. * * @example * * ```ts * // specified per locale * UwcInputElement.config.date.defaults["en-US"] = { * pattern: "yyyy/MM/dd", // a sensible default * placeholder: "YYYY/MM/DD", * } * ``` * * ## Time components * * --- TO BE DONE --- * * Because the format string can also include time components it is possible to use this type for date _and_ time inputs. * * @example * * ```html * * ``` * * ## Customize datepicker * * Since this type simply utilizes a [popup](../parts/popover.ts) which you can provide before initialization * it is possible to provide your own datepicker for example. * * @example * * ```html * * *
    *
  • 10th. of October
  • *
*
*
* ``` * * @module */ import type { Connect } from "../uwc-input.js"; /** * @internal */ export declare const connectDate: Connect;