Taco HTML Edit Help > Component Library > Form Calendar
Provides a date input text field, with a popup calendar that may be used to select a date.

The popup calendar may be opened and closed only when the user clicks a small calendar button next to the input text field, or it may open and close automatically when focus is give/removed from the input text field. In the Live Preview for this component, the popup calendar is always displayed by default. This is done only for the convenience of previewing; when the component is actually inserted into a web page, the popup calendar will not appear when the page initially loads.
Internet Explorer 7+, Firefox 3+, Safari 4+
Unique Element ID
The value for the id attribute assigned to the inserted root HTML tag for the component. This value is used to uniquely identify the component.
Date Format
The format of the date for the input text field. This format is applied to the date that a user selects in the popup calendar to update the text field, and it is also used when a user directly modifies the text date to update the selected date in the popup calendar.
Form Input Label
The label text for the text input field.
Form Input Name
The name of the text input field, i.e., the name under which the date text is posted to the server.
Text Field Size
The size of the input text field; this only affects the text field's appearance and does not limit how many characters the user can type into the field.
Show Calendar on Field Focus
If enabled, this option cause the popup calendar to automatically display when the text input field for the date is given focus. Otherwise, the calendar will appear only when the user selects the calendar button next to the text field. In both cases, the popup calendar is hidden when the input text field loses focus.
First Day of Week
Specify whether the calendar week begins on Sunday or Monday
Customize Day Names
If enabled, text fields will appear that allow you to customize the day name abbreviations that appear in the calendar. Abbreviations can be up to 2 characters.
Document BG Color
This option does not affect the content that is actually inserted into the web page, but it can be used so that the component live preview reflects a desired background color.
Text Label Color
The color of text for the label of the form input field. Leave blank to use the default color.
Calendar Button Background Color
The background color of the calendar button, when the button is in an unselected state.
Calendar Button Gradient Color
The color of the background gradient applied to the calendar button, when the button is in an unselected state.
Calendar Button Calendar Icon Color
The color of the foreground calendar icon on the calendar button, when the button is in an unselected state.
Calendar Button (Hover) Background Color
The background color of the calendar button, when the button is in a hover state.
Calendar Button (Hover) Gradient Color
The color of the background gradient applied to the calendar button, when the button is in a hover state.
Calendar Button (Hover) Calendar Icon Color
The color of the foreground calendar icon on the calendar button, when the button is in a hover state.
Calendar Button (Pressed) Background Color
The background color of the calendar button, when the button is in a selected state.
Calendar Button (Pressed) Gradient Color
The color of the background gradient applied to the calendar button, when the button is in a selected state.
Calendar Button (Pressed) Calendar Icon Color
The color of the foreground calendar icon on the calendar button, when the button is in a selected state.
Calendar Background Color
The color of the background for the popup calendar.
Calendar Border Color
The color of the border for the popup calendar. Note that a gradient is applied to the border, so the border will actually appear lighter and darker than the Calendar Border Color in places.
Next/Previous Background Color
The background color of the next/previous buttons on the popup calendar.
Next/Previous Icon Color
The foreground color for the arrow icons on the next/previous buttons on the popup calendar.
Month/Year Label Color
The color of the month and year text on the popup calendar.
Day of Week Label Color
The color of the calendar heading text for the days of the week.
Calendar Day Box Background Color
The background color of a day box on the calendar, for a day enabled for selection but not currently selected.
Calendar Day Box Border Color
The border color of a day box on the calendar, for a day enabled for selection but not currently selected.
Calendar Day Box Text Color
The text color for the day value in a day box on the calendar, for a day enabled for selection but not currently selected.
Calendar Day Box (Selected) Background Color
The background color of a day box on the calendar, for the day currently selected.
Calendar Day Box (Selected) Border Color
The border color of a day box on the calendar, for the day currently selected.
Calendar Day Box (Selected) Text Color
The text color for the day value in a day box on the calendar, for the day currently selected.
Calendar Day Box (Disabled) Background Color
The background color of a day box on the calendar, for a day that is not available for selection.
Calendar Day Box (Disabled) Border Color
The border color of a day box on the calendar, for a day that is not available for selection.