# Themes

## Default

```html
<link href="//cdn.rawgit.com/indrimuska/angular-moment-picker/master/dist/angular-moment-picker.min.css" rel="stylesheet">
```

***Decade view*** | ***Year view*** | ***Month view*** | ***Day view*** | ***Hour view*** | ***Minute view***
:---:|:---:|:---:|:---:|:---:|:---:
![Decade view](http://indrimuska.github.io/angular-moment-picker/img/themes/default/decade-view.png?) | ![Year view](http://indrimuska.github.io/angular-moment-picker/img/themes/default/year-view.png?) | ![Month view](http://indrimuska.github.io/angular-moment-picker/img/themes/default/month-view.png?) | ![Day view](http://indrimuska.github.io/angular-moment-picker/img/themes/default/day-view.png?) | ![Hour view](http://indrimuska.github.io/angular-moment-picker/img/themes/default/hour-view.png?) | ![Minute view](http://indrimuska.github.io/angular-moment-picker/img/themes/default/minute-view.png?)

## Material UI

```html
<link href="//cdn.rawgit.com/indrimuska/angular-moment-picker/master/dist/angular-moment-picker.min.css" rel="stylesheet">
<link href="//cdn.rawgit.com/indrimuska/angular-moment-picker/master/dist/themes/material-ui.min.css" rel="stylesheet">
```

***Decade view*** | ***Year view*** | ***Month view*** | ***Day view*** | ***Hour view*** | ***Minute view***
:---:|:---:|:---:|:---:|:---:|:---:
![Decade view](http://indrimuska.github.io/angular-moment-picker/img/themes/material-ui/decade-view.png?) | ![Year view](http://indrimuska.github.io/angular-moment-picker/img/themes/material-ui/year-view.png?) | ![Month view](http://indrimuska.github.io/angular-moment-picker/img/themes/material-ui/month-view.png?) | ![Day view](http://indrimuska.github.io/angular-moment-picker/img/themes/material-ui/day-view.png?) | ![Hour view](http://indrimuska.github.io/angular-moment-picker/img/themes/material-ui/hour-view.png?) | ![Minute view](http://indrimuska.github.io/angular-moment-picker/img/themes/material-ui/minute-view.png?)
