# html-date

This component is a web component that takes the provided time information (date), interprets it as the time in the input timezone, converts it to the time in the output timezone, and renders it in the specified format according to the given locale.

## Example Output Formats

Here are some examples of various date formats:

- `'YYYY-MM-DD'`: 2023-05-21 (ISO 8601 standard format)
- `'MM/DD/YYYY'`: 05/21/2023
- `'DD/MM/YYYY'`: 21/05/2023
- `'MMMM D, YYYY'`: May 21, 2023
- `'D MMMM YYYY'`: 21 May 2023
- `'MMMM D, YYYY HH:mm:ss'`: May 21, 2023 12:34:56
- `'YYYY-MM-DD HH:mm'`: 2023-05-21 12:34
- `'YYYY년 M월 D일'`: 2023년 5월 21일 (Korean format)
- `'D MMMM YYYY, HH:mm'`: 21 May 2023, 12:34
- `'dddd, MMMM D, YYYY'`: Sunday, May 21, 2023
- `'ddd, MMM D, YYYY'`: Sun, May 21, 2023
- `'dddd, MMMM D, YYYY HH:mm:ss'`: Sunday, May 21, 2023 12:34:56
- `'dddd, D MMMM YYYY'`: Sunday, 21 May 2023
- `'ddd, D MMM YYYY'`: Sun, 21 May 2023
- `'ddd, D MMM YYYY, HH:mm'`: Sun, 21 May 2023, 12:34
- `'L'`: Simple date format in the specified locale
- `'LL'`: Full date format in the specified locale
- `'LLL'`: Full date and time format in the specified locale

The examples above demonstrate various date and time formats that can be used. `'YYYY'` represents the year (4 digits), `'MM'` represents the month (2 digits), `'DD'` represents the day (2 digits), `'D'` represents the day (1 digit), `'MMMM'` represents the full month name, `'M'` represents the abbreviated month name, `'HH'` represents the 24-hour format of the hour (2 digits), `'mm'` represents the minutes (2 digits), and `'ss'` represents the seconds (2 digits). `'dddd'` represents the full day of the week, and `'ddd'` represents the abbreviated day of the week.

## Properties

- Date and time information (`date`):
  This property accepts either a timestamp value or a string containing date and time information.

- Input timezone (`input-timezone`):
  Specifies the timezone in which the input date will be interpreted as a time. If the date information already includes the timezone or is in timestamp format, this setting is irrelevant. If not specified, the current system's timezone will be applied.

- Output timezone (`output-timezone`):
  Specifies the timezone in which the output time information will be displayed. If not specified, the current system's timezone will be applied.

- Output format (`format`):
  Specifies the format in which the output time will be displayed.

- Locale (`locale`):
  Specifies the locale for the output format (e.g., en-US, ko-KR, zh-CN, etc.).
