material-sass 4.0.0 → 4.1.0

data/assets/stylesheets/material/variables/_transition.scss

@@ -1,3 +1,5 @@
+$transition-scale: 0.87 !default;
+
 // The movement of an element is based on https://material.google.com/motion/movement.html
 
 // Transition duration

data/assets/stylesheets/material/variables/_typography.scss

@@ -10,8 +10,8 @@ $font-size-root: 16px !default;
 
 // stylelint-disable value-keyword-case
 $font-family-monospace:  'Roboto Mono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !default;
-$font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !default;
-$font-family-serif:      'Roboto Slab', Georgia, 'Times New Roman', Times, serif !default;
+$font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default;
+$font-family-serif:      'Roboto Slab', Georgia, 'Times New Roman', Times, serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default;
 // stylelint-enable
 
 $font-family-base:       $font-family-sans-serif !default;
@@ -78,4 +78,4 @@ $line-height-caption:    1.5 !default;      // 18px
 
 // Material icons default size
 
-$material-icon-size: (24px / $font-size-root * 1rem) !default;
+$material-icon-size: (24 / strip-unit($font-size-root) * 1rem) !default;

data/assets/stylesheets/material/variables/_variable-bootstrap.scss

@@ -46,8 +46,8 @@ $carousel-caption-width:                   50% !default;
 $carousel-control-bg:                      $white-divider !default;
 $carousel-control-bg-hover:                rgba(204, 204, 204, 0.25) !default;
 $carousel-control-color:                   $white-primary !default;
-$carousel-control-elevation-shadow:        $elevation-shadow-6dp !default;
-$carousel-control-elevation-shadow-active: $elevation-shadow-12dp !default;
+$carousel-control-elevation-shadow:        map-get($elevation-shadows, 6) !default;
+$carousel-control-elevation-shadow-active: map-get($elevation-shadows, 12) !default;
 $carousel-control-font-size:               0.8125rem !default;
 $carousel-control-next-icon:               'chevron_right' !default;
 $carousel-control-prev-icon:               'chevron_left' !default;
@@ -92,21 +92,21 @@ $form-feedback-valid-color:   theme-color(success) !default;
 
 $form-group-margin-y:         $spacer !default;
 
-$input-group-addon-margin-x:  1rem !default;
+$input-group-inner-spacer-x:  1rem !default;
 
 // Jumbotron
 
 $jumbotron-bg:               $white-primary !default;
 $jumbotron-border-radius:    $border-radius !default;
 $jumbotron-color:            $black-primary !default;
-$jumbotron-elevation-shadow: $elevation-shadow-2dp !default;
+$jumbotron-elevation-shadow: map-get($elevation-shadows, 2) !default;
 $jumbotron-padding-x:        2rem !default;
 $jumbotron-padding-y:        3rem !default;
 
 // Link
 
-$link-color:            theme-color(primary) !default;
-$link-color-hover:      theme-color(primary) !default;
+$link-color:            theme-color(secondary) !default;
+$link-color-hover:      theme-color(secondary) !default;
 $link-decoration:       none !default;
 $link-decoration-hover: underline !default;
 
@@ -142,7 +142,7 @@ $table-caption-color:        $black-hint !default;
 
 $text-muted:                 $black-hint !default;
 
-$thumbnail-box-shadow:       $shadow-2dp !default;
+$thumbnail-box-shadow:       map-get($shadows, 2) !default;
 
 $webkit-tap-highlight-color: rgba(0, 0, 0, 0) !default;
 
@@ -172,7 +172,8 @@ $pagination-padding-y:      0.625rem !default;
 
 $popover-bg:               $white !default;
 $popover-border-radius:    $border-radius !default;
-$popover-elevation-shadow: $elevation-shadow-24dp !default;
+$popover-breakpoint:       md !default;
+$popover-elevation-shadow: map-get($elevation-shadows, 24) !default;
 $popover-font-size:        $font-size-base !default;
 $popover-margin:           1.5rem !default;
 $popover-margin-desktop:   0.875rem !default;

data/assets/stylesheets/material/variables/_variable-material.scss

@@ -12,8 +12,8 @@ $btn-block-margin-y:          $spacer-xs !default;
 $btn-color:                   $black-primary !default;
 $btn-color-disabled:          rgba(0, 0, 0, 0.26) !default;
 $btn-color-disabled-inverse:  rgba(255, 255, 255, 0.3) !default;
-$btn-elevation-shadow:        $elevation-shadow-2dp !default;
-$btn-elevation-shadow-active: $elevation-shadow-8dp !default;
+$btn-elevation-shadow:        map-get($elevation-shadows, 2) !default;
+$btn-elevation-shadow-active: map-get($elevation-shadows, 8) !default;
 $btn-font-weight:             $font-weight-medium !default;
 $btn-line-height:             1 !default;
 $btn-min-width:               5.5rem !default;
@@ -37,8 +37,8 @@ $btn-padding-y-sm:            (($btn-height-sm - $btn-font-size-sm * $btn-line-h
 // Based on https://material.google.com/components/buttons-floating-action-button.html#buttons-floating-action-button-floating-action-button
 
 $btn-float-dropdown-inner-spacer-y: 1rem !default;
-$btn-float-elevation-shadow:        $elevation-shadow-6dp !default;
-$btn-float-elevation-shadow-active: $elevation-shadow-12dp !default;
+$btn-float-elevation-shadow:        map-get($elevation-shadows, 6) !default;
+$btn-float-elevation-shadow-active: map-get($elevation-shadows, 12) !default;
 $btn-float-size:                    3.5rem !default;
 $btn-float-size-sm:                 2.5rem !default;
 
@@ -58,18 +58,19 @@ $card-action-inner-spacer-y:  0.25rem !default;
 $card-action-padding-x:       0.5rem !default;
 $card-action-padding-y:       0.5rem !default;
 $card-bg:                     $white !default;
+$card-border-color:           $border-color !default;
 $card-border-radius:          $border-radius !default;
 $card-border-width:           $border-width !default;
 $card-columns-count:          2 !default;
 $card-columns-count-desktop:  3 !default;
-$card-elevation-shadow:       $elevation-shadow-2dp !default;
-$card-elevation-shadow-hover: $elevation-shadow-8dp !default;
+$card-elevation-shadow:       map-get($elevation-shadows, 2) !default;
+$card-elevation-shadow-hover: map-get($elevation-shadows, 8) !default;
 $card-inner-spacer-x:         1rem !default;
 $card-inner-spacer-y:         1rem !default;
 $card-margin-x:               $spacer-sm !default;
 $card-margin-y:               $spacer-sm !default;
 $card-padding-x:              1rem !default;
-$card-padding-y:              1.5rem !default;
+$card-padding-y:              1rem !default;
 
 // Chip
 // Based on https://material.google.com/components/chips.html#chips-specs
@@ -77,7 +78,7 @@ $card-padding-y:              1.5rem !default;
 $chip-bg:                     $material-color-grey-300 !default;
 $chip-bg-active:              $material-color-grey-400 !default;
 $chip-color:                  $black-primary !default;
-$chip-elevation-shadow-hover: $elevation-shadow-2dp !default;
+$chip-elevation-shadow-hover: map-get($elevation-shadows, 2) !default;
 $chip-font-size:              0.875rem !default;
 $chip-font-weight:            $font-weight-regular !default;
 $chip-height:                 2rem !default;
@@ -99,7 +100,6 @@ $table-border-color:          $border-color-solid !default;
 $table-border-width:          $border-width !default;
 $table-cell-padding-x:        1.75rem !default;
 $table-cell-padding-x-alt:    1.5rem !default;
-$table-elevation-shadow:      $elevation-shadow-2dp !default;
 $table-line-height:           $line-height-base !default;
 $table-margin-y:              $spacer !default;
 $table-striped-order:         odd !default;
@@ -144,7 +144,7 @@ $table-sm-thead-padding-y:    (($table-sm-thead-cell-height - $table-thead-font-
 $dialog-backdrop-bg:                  $black-hint !default;
 $dialog-border-radius:                $border-radius !default;
 $dialog-content-bg:                   $white !default;
-$dialog-elevation-shadow:             $elevation-shadow-24dp !default;
+$dialog-elevation-shadow:             map-get($elevation-shadows, 24) !default;
 $dialog-footer-btn-min-width:         4rem !default;
 $dialog-footer-btn-stacked-height:    3rem !default;
 $dialog-footer-btn-stacked-padding-x: 1rem !default;
@@ -156,7 +156,7 @@ $dialog-margin-x:                     $spacer-lg !default;
 $dialog-margin-y:                     $spacer-lg !default;
 $dialog-padding-x:                    1.5rem !default;
 $dialog-padding-y:                    1.25rem !default;
-$dialog-scale:                        0.87 !default;
+$dialog-transition-scale:             $transition-scale !default;
 $dialog-width:                        35rem !default;
 $dialog-width-lg:                     52.5rem !default;
 $dialog-width-sm:                     17.5rem !default;
@@ -171,7 +171,7 @@ $expansion-panel-border-radius:         $border-radius !default;
 $expansion-panel-border-width:          $border-width !default;
 $expansion-panel-color:                 $black-primary !default;
 $expansion-panel-color-disabled:        $black-hint !default;
-$expansion-panel-elevation-shadow:      $elevation-shadow-1dp !default;
+$expansion-panel-elevation-shadow:      map-get($elevation-shadows, 1) !default;
 $expansion-panel-font-size:             0.9375rem !default;
 $expansion-panel-footer-btn-min-width:  4rem !default;
 $expansion-panel-footer-inner-spacer-x: 0.5rem !default;
@@ -194,7 +194,7 @@ $menu-divider-bg:               $border-color !default;
 $menu-font-size:                1rem !default;
 $menu-font-size-cascading:      0.9375rem !default;
 $menu-font-weight:              $font-weight-regular !default;
-$menu-elevation-shadow:         $elevation-shadow-8dp !default;
+$menu-elevation-shadow:         map-get($elevation-shadows, 8) !default;
 $menu-header-color:             $black-primary !default;
 $menu-line-height:              1.5rem !default;
 $menu-line-height-cascading:    $menu-line-height !default;
@@ -221,7 +221,7 @@ $navdrawer-border-color:            $border-color !default;
 $navdrawer-border-width:            $border-width !default;
 $navdrawer-content-bg:              $dialog-content-bg !default;
 $navdrawer-divider-bg:              $border-color !default;
-$navdrawer-elevation-shadow:        $elevation-shadow-16dp !default;
+$navdrawer-elevation-shadow:        map-get($elevation-shadows, 16) !default;
 $navdrawer-gutter-width:            3.5rem !default;
 $navdrawer-header-bg:               $material-color-grey-100 !default;
 $navdrawer-header-border-color:     $border-color !default;
@@ -266,6 +266,7 @@ $picker-nav-prev-icon:        'keyboard_arrow_left' !default;
 $picker-select-bg:            $black-divider !default;
 $picker-select-border-radius: $border-radius !default;
 $picker-select-opacity:       0.7 !default;
+$picker-transition-scale:     $transition-scale !default;
 $picker-weekday-color:        $black-hint !default;
 
 // Progress (Bootstrap progress bar)
@@ -273,6 +274,7 @@ $picker-weekday-color:        $black-hint !default;
 
 $progress-bar-bg:                      $material-color-indigo-500 !default;
 $progress-bar-border-radius:           0.25rem !default;
+$progress-bar-buffer-width:            1.5rem !default;
 $progress-bar-height:                  0.25rem !default;
 $progress-bg:                          $material-color-indigo-100 !default;
 
@@ -302,8 +304,42 @@ $selection-control-thumb-shadow:                0 1px 5px 0 rgba(0, 0, 0, $black
 $selection-control-track-bg:                    $black-hint !default;
 $selection-control-track-bg-disabled:           $black-divider !default;
 $selection-control-track-height:                1rem !default;
+$selection-control-track-opacity:               0.5 !default;
 $selection-control-track-width:                 ($selection-control-indicator-size * 2) !default;
 
+// Slider (Bootstrap custom form control)
+// Based on https://material.io/guidelines/components/sliders.html#sliders-continuous-slider
+
+$slider-thumb-bg:             theme-color(secondary) !default;
+$slider-thumb-radial-opacity: $black-divider-opacity !default;
+$slider-thumb-size:           ($material-icon-size / 2) !default;
+$slider-track-bg:             rgba(0, 0, 0, 0.26) !default;
+$slider-track-bg-active:      rgba(0, 0, 0, 0.38) !default;
+$slider-track-height:         0.125rem !default;
+
+// Snackbar
+// Based on https://material.io/guidelines/components/snackbars-toasts.html#snackbars-toasts-specs
+
+$snackbar-bg:                     #323232 !default;
+$snackbar-border-radius:          $border-radius !default;
+$snackbar-breakpoint:             sm !default;
+$snackbar-btn-color:              theme-color(secondary) !default;
+$snackbar-btn-color-hover:        theme-color-light(secondary) !default;
+$snackbar-color:                  $white-primary !default;
+$snackbar-elevation-shadow:       map-get($elevation-shadows, 6) !default;
+$snackbar-font-size:              0.875rem !default;
+$snackbar-height-multi:           5rem !default;
+$snackbar-inner-spacer-x:         1.5rem !default;
+$snackbar-inner-spacer-x-desktop: 3rem !default;
+$snackbar-line-height:            $line-height-base !default;
+$snackbar-margin-x:               $spacer-lg !default;
+$snackbar-margin-y:               $spacer-lg !default;
+$snackbar-max-width:              35.5rem !default;
+$snackbar-min-width:              18rem !default;
+$snackbar-padding-x:              1.5rem !default;
+$snackbar-padding-y:              0.875rem !default;
+$snackbar-padding-y-multi:        1.25rem !default;
+
 // Stepper
 // Based on https://material.google.com/components/steppers.html#steppers-specs
 
@@ -347,7 +383,7 @@ $nav-tab-link-padding-y:   (($nav-tab-height - $nav-tab-font-size * $nav-tab-lin
 // Based on https://material.io/guidelines/components/text-fields.html#text-fields-states
 
 $textfield-border-color:       rgba(0, 0, 0, 0.42) !default;
-$textfield-border-color-focus: theme-color(primary) !default;
+$textfield-border-color-focus: theme-color(secondary) !default;
 $textfield-border-color-hover: rgba(0, 0, 0, 0.87) !default;
 $textfield-border-width:       $border-width !default;
 $textfield-border-width-focus: ($textfield-border-width * 2) !default;
@@ -357,6 +393,7 @@ $textfield-color-disabled:     $black-hint !default;
 $textfield-hint-color:         $black-hint !default;
 $textfield-line-height:        $line-height-base !default;
 $textfield-margin-x:           $spacer !default;
+$textfield-plaintext-color:    $body-color !default;
 
 $textfield-font-size:          1rem !default;
 $textfield-font-size-lg:       2.125rem !default;
@@ -398,7 +435,7 @@ $textfield-box-padding-y-sm:   (($textfield-box-height-sm - $textfield-font-size
 // Based on https://material.google.com/components/text-fields.html#text-fields-labels
 
 $floating-label-color:           $textfield-hint-color !default;
-$floating-label-color-focus:     theme-color(primary) !default;
+$floating-label-color-focus:     theme-color(secondary) !default;
 $floating-label-font-size-focus: 0.75rem !default;
 
 // Toolbar (Bootstrap navbar)
@@ -410,7 +447,7 @@ $toolbar-element-bg:            $black-divider !default;
 $toolbar-element-border-radius: $border-radius !default;
 $toolbar-element-height:        2.25rem !default;
 $toolbar-element-opacity:       0.7 !default;
-$toolbar-elevation-shadow:      $elevation-shadow-4dp !default;
+$toolbar-elevation-shadow:      map-get($elevation-shadows, 4) !default;
 $toolbar-height:                3.5rem !default;
 $toolbar-inner-spacer-x:        1rem !default;
 $toolbar-link-font-size:        1rem !default;
@@ -432,6 +469,7 @@ $toolbar-dark-element-bg:       $white-divider !default;
 
 $tooltip-bg:                $material-color-grey-700 !default;
 $tooltip-border-radius:     $border-radius !default;
+$tooltip-breakpoint:        md !default;
 $tooltip-color:             $white-primary !default;
 $tooltip-font-size:         0.875rem !default;
 $tooltip-font-size-desktop: 0.625rem !default;
@@ -446,4 +484,4 @@ $tooltip-padding-x-desktop: 0.5rem !default;
 $tooltip-padding-y:         (($tooltip-height - $tooltip-font-size * $tooltip-line-height) / 2) !default;
 $tooltip-padding-y-desktop: (($tooltip-height-desktop - $tooltip-font-size-desktop * $tooltip-line-height) / 2) !default;
 $tooltip-scale:             0.87 !default;
-$tooltip-zindex:            $elevation-24dp !default;
+$tooltip-zindex:            map-get($elevations, 24) !default;

data/lib/material-sass/version.rb

@@ -1,5 +1,5 @@
 module Material
   module Sass
-    VERSION = '4.0.0'
+    VERSION = '4.1.0'
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: material-sass
 version: !ruby/object:Gem::Version
-  version: 4.0.0
+  version: 4.1.0
 platform: ruby
 authors:
 - mkhairi
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-02-13 00:00:00.000000000 Z
+date: 2018-04-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -81,14 +81,13 @@ files:
 - assets/javascripts/material-sprockets.js
 - assets/javascripts/material.js
 - assets/javascripts/material.min.js
-- assets/javascripts/material/addons/pickadate.js
 - assets/javascripts/material/components/expansion-panel.js
 - assets/javascripts/material/components/floating-label.js
 - assets/javascripts/material/components/nav-drawer.js
+- assets/javascripts/material/components/pickdate.js
 - assets/javascripts/material/components/selection-control-focus.js
 - assets/javascripts/material/components/tab-switch.js
 - assets/javascripts/material/components/util.js
-- assets/stylesheets/material.min.css
 - assets/stylesheets/material.scss
 - assets/stylesheets/material/_colors.scss
 - assets/stylesheets/material/_functions.scss
@@ -131,6 +130,8 @@ files:
 - assets/stylesheets/material/material/_progress-circular.scss
 - assets/stylesheets/material/material/_progress.scss
 - assets/stylesheets/material/material/_selection-control.scss
+- assets/stylesheets/material/material/_slider.scss
+- assets/stylesheets/material/material/_snackbar.scss
 - assets/stylesheets/material/material/_stepper.scss
 - assets/stylesheets/material/material/_tab.scss
 - assets/stylesheets/material/material/_text-field-box.scss
@@ -147,7 +148,6 @@ files:
 - assets/stylesheets/material/mixins/_form.scss
 - assets/stylesheets/material/mixins/_grid-framework.scss
 - assets/stylesheets/material/mixins/_grid.scss
-- assets/stylesheets/material/mixins/_hex-to-rgba.scss
 - assets/stylesheets/material/mixins/_hover.scss
 - assets/stylesheets/material/mixins/_image.scss
 - assets/stylesheets/material/mixins/_list.scss
@@ -155,7 +155,6 @@ files:
 - assets/stylesheets/material/mixins/_nav-divider.scss
 - assets/stylesheets/material/mixins/_reset-text.scss
 - assets/stylesheets/material/mixins/_screenreader.scss
-- assets/stylesheets/material/mixins/_strip-unit.scss
 - assets/stylesheets/material/mixins/_text-alignment.scss
 - assets/stylesheets/material/mixins/_text-emphasis.scss
 - assets/stylesheets/material/mixins/_text-hide.scss
@@ -172,6 +171,7 @@ files:
 - assets/stylesheets/material/utilities/_material-icons.scss
 - assets/stylesheets/material/utilities/_position.scss
 - assets/stylesheets/material/utilities/_screenreader.scss
+- assets/stylesheets/material/utilities/_shadows.scss
 - assets/stylesheets/material/utilities/_sizing.scss
 - assets/stylesheets/material/utilities/_spacing.scss
 - assets/stylesheets/material/utilities/_text.scss

data/assets/javascripts/material/addons/pickadate.js

@@ -1,152 +0,0 @@
-/*
- * Customise pickadate JavaScript for Material
- */
-(function ($) {
-  'use strict';
-
-  var Datepicker = function Datepicker(element, options) {
-    this._element = element;
-    this._options = options;
-  };
-
-  Datepicker.DEFAULTS = {
-    cancel: 'Cancel',
-    closeOnCancel: true,
-    closeOnSelect: false,
-    container: 'body',
-    disable: [],
-    firstDay: 0,
-    format: 'd/m/yyyy',
-    formatSubmit: '',
-    klass: {
-      // button
-      buttonClear: 'btn btn-outline-primary picker-button-clear',
-      buttonClose: 'btn btn-outline-primary picker-button-close',
-      buttonToday: 'btn btn-outline-primary picker-button-today',
-      // day
-      day: 'picker-day',
-      disabled: 'picker-day-disabled',
-      highlighted: 'picker-day-highlighted',
-      infocus: 'picker-day-infocus',
-      now: 'picker-day-today',
-      outfocus: 'picker-day-outfocus',
-      selected: 'picker-day-selected',
-      weekdays: 'picker-weekday',
-      // element
-      box: 'picker-box',
-      footer: 'picker-footer',
-      frame: 'picker-frame',
-      header: 'picker-header',
-      holder: 'picker-holder',
-      table: 'picker-table',
-      wrap: 'picker-wrap',
-      // input element
-      active: 'picker-input-active',
-      input: 'picker-input',
-      // month and year nav
-      month: 'picker-month',
-      navDisabled: 'picker-nav-disabled',
-      navNext: 'material-icons picker-nav-next',
-      navPrev: 'material-icons picker-nav-prev',
-      selectMonth: 'picker-select-month',
-      selectYear: 'picker-select-year',
-      year: 'picker-year',
-      // root picker
-      focused: 'picker-focused',
-      opened: 'picker-opened',
-      picker: 'picker'
-    },
-    max: false,
-    min: false,
-    monthsFull: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
-    monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
-    ok: 'OK',
-    onClose: false,
-    onOpen: false,
-    onRender: false,
-    onSet: false,
-    onStart: false,
-    onStop: false,
-    selectMonths: false,
-    selectYears: false,
-    today: '',
-    weekdaysFull: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-    weekdaysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
-  };
-
-  Datepicker.prototype.display = function (datepickerApi, datepickerRoot, datepickerValue) {
-    $('.picker-date-display', datepickerRoot).remove();
-    $('.picker-wrap', datepickerRoot).prepend('<div class="picker-date-display">' + '<div class="picker-date-display-top">' + '<span class="picker-year-display">' + datepickerApi.get(datepickerValue, 'yyyy') + '</span>' + '</div>' + '<div class="picker-date-display-bottom">' + '<span class="picker-weekday-display">' + datepickerApi.get(datepickerValue, 'dddd') + '</span>' + '<span class="picker-day-display">' + datepickerApi.get(datepickerValue, 'd') + '</span>' + '<span class="picker-month-display">' + datepickerApi.get(datepickerValue, 'mmm') + '</span>' + '</div>' + '</div>');
-  };
-
-  Datepicker.prototype.show = function () {
-    var that = this;
-    $(this._element).pickadate({
-      clear: that._options.cancel,
-      close: that._options.ok,
-      closeOnClear: that._options.closeOnCancel,
-      closeOnSelect: that._options.closeOnSelect,
-      container: that._options.container,
-      disable: that._options.disable,
-      firstDay: that._options.firstDay,
-      format: that._options.format,
-      formatSubmit: that._options.formatSubmit,
-      klass: that._options.klass,
-      max: that._options.max,
-      min: that._options.min,
-      monthsFull: that._options.monthsFull,
-      monthsShort: that._options.monthsShort,
-      onClose: that._options.onClose,
-      onOpen: that._options.onOpen,
-      onRender: that._options.onRender,
-      onSet: that._options.onSet,
-      onStart: that._options.onStart,
-      onStop: that._options.onStop,
-      selectMonths: that._options.selectMonths,
-      selectYears: that._options.selectYears,
-      today: that._options.today,
-      weekdaysFull: that._options.weekdaysFull,
-      weekdaysShort: that._options.weekdaysShort
-    });
-    var datepickerApi = $(this._element).pickadate('picker'),
-        datepickerNode = datepickerApi.$node,
-        datepickerRoot = datepickerApi.$root;
-    datepickerApi.on({
-      close: function close() {
-        $(document.activeElement).blur();
-      },
-      open: function open() {
-        if (!$('.picker__date-display', datepickerRoot).length) {
-          that.display(datepickerApi, datepickerRoot, 'highlight');
-        }
-      },
-      set: function set() {
-        if (datepickerApi.get('select') !== null) {
-          that.display(datepickerApi, datepickerRoot, 'select');
-        }
-      }
-    });
-  };
-
-  function Plugin(option) {
-    return this.each(function () {
-      var data = $(this).data('bs.pickdate');
-      var options = $.extend({}, Datepicker.DEFAULTS, $(this).data(), typeof option == 'object' && option);
-
-      if (!data) {
-        $(this).data('bs.pickdate', data = new Datepicker(this, options));
-      }
-
-      data.show();
-    });
-  }
-
-  var old = $.fn.pickdate;
-  $.fn.pickdate = Plugin;
-  $.fn.pickdate.Constructor = Datepicker;
-
-  $.fn.pickdate.noConflict = function () {
-    $.fn.pickdate = old;
-    return this;
-  };
-})(jQuery);