## Form Components

## Input Groups Extend form controls by adding text or buttons before, after, or on both sides of any text-based inputs.

Basic Example

Place one add-on or button on either side of an input. You may also place one on both sides of an input.

Multiple Elements

You may add 2 or more possible input elements. Use grid classes to define the width of each elements.

Different Sizes

You may use the extra sizing classes to change size of the feilds.

## Input Mask An inputmask helps the user with the input by ensuring a predefined format. This can be useful for dates, numerics, phone numbers etc...

Date
Time
Date Time
CEP
Phone Number
Phone with Odd
US Phone Number
CPF
Money
IP Address
Percentage
Credit Card

## Selectize Make long, unwieldy select boxes more user friendly.

Basic Example

Disabled Items

Multiple Example

Option Group

## Toggle Switch Material Desing look alike Toggle Switches based on Radio Box.

Basic Examples

Default and Disabled options
Toggle Swith Default
Toggle Swith Disabled

Optional Color schemes

You can use any color you want just add attribute switcher it must have a unique value, switchColor with color value amd switchActive with color value.
Toggle Swith Red
Toggle Swith Blue
Toggle Swith Green
Toggle Swith Cyan
Toggle Swith Lime
Toggle Swith Amber
Toggle Swith Purple
Toggle Swith Pink

## Datepicker ui.bootstrap.datepicker

Inline Examples

Displaying the Datepicker by default

Multiple Popup Examples

Displaying on focus

Other Examples

Dropup, Month and Year Pickers