Date, Single Date

Use Date Range when you need to input a specific time period, either static or dynamic.

Go To:
View Guidelines

Presentation State

Presentation Component

02/23/1836

Code Snippet


02/23/1836

Read Only State

Readonly Component

Apply the class .readonly to the bootstrap class .input-group, add the attribute readonly to the input field and add the attribute disabled to the button.

Code Snippet

Editable State

Editable Component

Add .input-group-addon .btn-info at the end to create the info button.

Code Snippet