## Material Input

Company (Disabled)
First name Last Name
Address
City State {{state.abbrev}} Postal Code
You must supply a postal code.
That doesn't look like a valid postal code.
Don't use the long version silly...we don't need to be that specific...
Biography

## Material Radio Button

#### Basic Usage

Radio buttons
  Apple Banana Mango
Disabled
  {{ d.label }}
Colors
  Default Primary Warn

#### Multi Column

{{person.title}}
{{person.fullName}}
Selected User: {{selectedUser()}}

## Material Checkbox

#### Basic Usage

Checkbox
  {{ checkbox.cb1 }} {{ checkbox.cb2 }} No Ink
Disabled
  Checkbox: Disabled Checkbox: Disabled, Checked
Colors
  Default Pimary Warn

#### Syncing

{{ item }} selected
{{ item }}
Selected Items: {{selected | json}}

## Material Switch

Normal Switches
Switch 1: {{ switchData.cb1 }} Switch 2 {{ switchData.cb2 }} Switch (md-primary): No Ink
Radio Switch
Switch (Disabled) Switch (Disabled, Active)
Switch Colors
Default Primary Warn

## Material Select

#### Basic Select

States {{state.abbrev}}

#### Option Groups

Food {{topping.name}} {{topping.name}}

## Material Datepicker

Standard date-picker

Disabled date-picker

Date-picker with min date and max date

With ngMessages

This date is required!
Date is too early!
Date is too late!

## Material Autocomplete

#### Basic Usage

Search for matches from local or remote data sources.

{{item.display}} No states matching "{{ctrl.searchText}}" were found. Create a new one!
Simulate query for results? Disable caching of queries? Disable the input?

## Material Slider

#### RGB

R
G
B

#### Rating: {{rating}}/5 - demo of theming classes

default
md-warn
md-primary

#### Disabled

#### Disabled, Discrete

## Material Chips

#### Default

#### Use Placeholders

## Inputs, Input Variants, Textarea

Normal input
Rounded input
Label focus
With help
Some help text goes here.
Password
Placeholder
Disabled
Predefined value
Input with tooltip on focus
Input with icons
Input primary
Input info
Input success
Input warning
Input error
Control sizing
Input Group
@
.00
$ .00
Button addons
Textarea

## Typeahead (Autocomplete)

State is: {{selected}}

## Datepicker

Date is: {{dt | date:'fullDate'}}

Format:

Today 2009-07-24
Min date Clear

## Timepicker

Time is: {{mytime | date:'shortTime' }}

Hours step is:

Minutes step is:

12H / 24H
Set to 14:00
Clear

## Rating

{{percent}}%

Rate: {{rate}} - Readonly is: {{isReadonly}} - Hovering over: {{overStar || "none"}}

Toggle Readonly Clear
Colorful and Sizing

## Editor