--- alert-message: ', http://getbootstrap.com, and http://bootstrap-datepicker.readthedocs.org/en/latest/.' categories: [Widgets] layout: page title: Bootstrap-Datepicker resource: true url-js-extra: '!URL_COMPONENTS!bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js' ---

Readonly Inputs

Recommended. To prevent invalid dates, setting the inputs to readonly only allows a date to be input via the date picker widget.

Text Input

Component

Inline

Range Do not use. PatternFly-approved design coming in a future update.

to

Validation States


Normal Inputs

Not recommended. For comparison only.

Text Input

Component

Inline

Range Do not use. PatternFly-approved design coming in a future update.

to

Validation States