date input element with dropdown calendar.
that have this behavior applied by default:
<input type="date" />– inline date input element
Upon initialization the behavior creates following DOM structure:
<caption> <span.year> <span.month> <span.day> </caption> <button></input>
<caption> will have
<button> triggers appearance of popup calendar.
that this behavior knows about:
value="YYYY-MM-DD"– initial date of the input element
timezone="TZ"– timezone to convert the date to. TZ can be either
"+HH:MM" / "-HH:MM".
Aside of standard set of events (mouse, keyboard, focus) behavior: button generates:
- SELECT_SELECTION_CHANGED event – value of the element (date) was changed due to user actions. Posted (asynchronous) event.
Date or undefined, reflects current status of internal editing buffer.
N/A – this input element has no specific methods but <caption> sub-element has
behavior:masked specific methods.