text: (function (global, factory) {
  	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('rome'), require('moment')) :
  	typeof define === 'function' && define.amd ? define(['rome', 'moment'], factory) :
  	(global.MaterialDatetimePicker = factory(global.rome,global.moment));
  }(this, (function (rome,moment) { 'use strict';
  
  rome = 'default' in rome ? rome['default'] : rome;
  moment = 'default' in moment ? moment['default'] : moment;
  
  var popupTemplate = (function () {
    return "\n<div class=\"c-datepicker\">\n  <a class=\"c-datepicker__toggle c-datepicker__toggle--right c-datepicker--show-time js-show-clock\" title=\"show time picker\">\n  </a>\n\n  <a class=\"c-datepicker__toggle c-datepicker__toggle--left c-datepicker--show-calendar is-selected js-show-calendar\" title=\"show date picker\">\n  </a>\n\n  <div class=\"c-datepicker__header\">\n    <div class=\"c-datepicker__header-day\">\n      <span class=\"js-day\">Monday</span>\n    </div>\n    <div class=\"c-datepicker__header-date\">\n      <span class=\"c-datepicker__header-date__month js-date-month\"></span>\n      <span class=\"c-datepicker__header-date__day js-date-day\"></span>\n      <span class=\"c-datepicker__header-date__time js-date-time\">\n        <span class=\"c-datepicker__header-date__hours js-date-hours active\">09</span>:<span class=\"c-datepicker__header-date__minutes js-date-minutes\">00</span>\n      </span>\n    </div>\n  </div>\n\n  <div class=\"c-datepicker__calendar\"></div>\n  <div class=\"c-datepicker__clock\">\n    <div class=\"c-datepicker__clock__am-pm-toggle\">\n      <label class=\"c-datepicker__toggle--checked\">\n        <input checked=\"checked\" class=\"c-datepicker__toggle c-datepicker__toggle--right c-datepicker__clock--am\" type=\"radio\" name=\"time-date-toggle\" value=\"AM\" />\n        AM\n      </label>\n\n      <label>\n        <input class=\"c-datepicker__toggle c-datepicker__toggle--right c-datepicker__clock--pm\" type=\"radio\" name=\"time-date-toggle\" value=\"PM\" />\n        PM\n      </label>\n    </div>\n    <div class=\"c-datepicker__mask\"></div>\n    <div class=\"c-datepicker__clock__hours js-clock-hours active\">\n      <div class=\"c-datepicker__clock__num\" data-number=\"3\">3</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"4\">4</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"5\">5</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"6\">6</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"7\">7</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"8\">8</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"9\">9</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"10\">10</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"11\">11</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"0\">12</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"1\">1</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"2\">2</div>\n      <div class=\"c-datepicker__clock-hands\">\n        <div class=\"c-datepicker__hour-hand\"></div>\n      </div>\n    </div>\n    <div class=\"c-datepicker__clock__minutes js-clock-minutes\">\n      <div class=\"c-datepicker__clock__num\" data-number=\"15\">15</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"20\">20</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"25\">25</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"30\">30</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"35\">35</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"40\">40</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"45\">45</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"50\">50</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"55\">55</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"0\">0</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"5\">5</div>\n      <div class=\"c-datepicker__clock__num\" data-number=\"10\">10</div>\n      <div class=\"c-datepicker__clock-hands\">\n        <div class=\"c-datepicker__hour-hand\"></div>\n      </div>\n    </div>\n  </div>\n  <div class=\"modal-btns\">\n    <a class=\"c-btn c-btn--flat js-cancel\">Cancel</a>\n    <a class=\"c-btn c-btn--flat js-ok\">OK</a>\n  </div>\n</div>\n";
  });
  
  var scrimTemplate = (function (_ref) {
    var styles = _ref.styles;
    return "\n<div class=\"" + styles.scrim + "\"></div>\n";
  });
  
  var classCallCheck = function (instance, Constructor) {
    if (!(instance instanceof Constructor)) {
      throw new TypeError("Cannot call a class as a function");
    }
  };
  
  var createClass = function () {
    function defineProperties(target, props) {
      for (var i = 0; i < props.length; i++) {
        var descriptor = props[i];
        descriptor.enumerable = descriptor.enumerable || false;
        descriptor.configurable = true;
        if ("value" in descriptor) descriptor.writable = true;
        Object.defineProperty(target, descriptor.key, descriptor);
      }
    }
  
    return function (Constructor, protoProps, staticProps) {
      if (protoProps) defineProperties(Constructor.prototype, protoProps);
      if (staticProps) defineProperties(Constructor, staticProps);
      return Constructor;
    };
  }();
  
  
  
  
  
  
  
  
  
  var inherits = function (subClass, superClass) {
    if (typeof superClass !== "function" && superClass !== null) {
      throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
    }
  
    subClass.prototype = Object.create(superClass && superClass.prototype, {
      constructor: {
        value: subClass,
        enumerable: false,
        writable: true,
        configurable: true
      }
    });
    if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
  };
  
  
  
  
  
  
  
  
  
  
  
  var possibleConstructorReturn = function (self, call) {
    if (!self) {
      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
    }
  
    return call && (typeof call === "object" || typeof call === "function") ? call : self;
  };
  
  
  
  
  
  var slicedToArray = function () {
    function sliceIterator(arr, i) {
      var _arr = [];
      var _n = true;
      var _d = false;
      var _e = undefined;
  
      try {
        for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
          _arr.push(_s.value);
  
          if (i && _arr.length === i) break;
        }
      } catch (err) {
        _d = true;
        _e = err;
      } finally {
        try {
          if (!_n && _i["return"]) _i["return"]();
        } finally {
          if (_d) throw _e;
        }
      }
  
      return _arr;
    }
  
    return function (arr, i) {
      if (Array.isArray(arr)) {
        return arr;
      } else if (Symbol.iterator in Object(arr)) {
        return sliceIterator(arr, i);
      } else {
        throw new TypeError("Invalid attempt to destructure non-iterable instance");
      }
    };
  }();
  
  
  
  
  
  
  
  
  
  
  
  
  
  var toConsumableArray = function (arr) {
    if (Array.isArray(arr)) {
      for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
  
      return arr2;
    } else {
      return Array.from(arr);
    }
  };
  
  //
  // basic event triggering and listening
  //
  var Events = function () {
    function Events() {
      classCallCheck(this, Events);
  
      this._events = {
        '*': []
      };
    }
  
    createClass(Events, [{
      key: 'trigger',
      value: function trigger(eventName, evtData) {
        var _this = this;
  
        eventName.split(' ').forEach(function (evtName) {
          // trigger a global event event
          _this._events['*'].forEach(function (evt) {
            return evt.fn.call(evt.scope, evtName, evtData);
          });
          // if there are any listeners to this event
          // then fire their handlers
          if (_this._events[evtName]) {
            _this._events[evtName].forEach(function (evt) {
              evt.fn.call(evt.scope, evtData);
            });
          }
        });
        return this;
      }
    }, {
      key: 'on',
      value: function on(eventName, fn, scope) {
        if (!this._events[eventName]) this._events[eventName] = [];
        this._events[eventName].push({
          eventName: eventName,
          fn: fn,
          scope: scope || this
        });
        return this;
      }
    }, {
      key: 'off',
      value: function off(eventName, fn) {
        if (!this._events[eventName]) return this;
        if (!fn) {
          this._events[eventName] = [];
        }
        this._events[eventName] = this._events[eventName].filter(function (evt) {
          return evt.fn !== fn;
        });
        return this;
      }
    }, {
      key: 'once',
      value: function once(eventName, fn, scope) {
        var _this2 = this;
  
        var func = function func() {
          fn.call(scope, eventName, fn, scope);
          _this2.off(eventName, func);
        };
        return this.on(eventName, func, scope);
      }
    }]);
    return Events;
  }();
  
  var ESC_KEY = 27;
  
  var prefix = 'c-datepicker';
  var defaults$$1 = function defaults$$1() {
    return {
      default: moment().startOf('hour'),
      // allow the user to override all the classes
      // used for styling the calendar
      styles: {
        scrim: 'c-scrim',
        back: prefix + '__back',
        container: prefix + '__calendar',
        date: prefix + '__date',
        dayBody: prefix + '__days-body',
        dayBodyElem: prefix + '__day-body',
        dayConcealed: prefix + '__day--concealed',
        dayDisabled: prefix + '__day--disabled',
        dayHead: prefix + '__days-head',
        dayHeadElem: prefix + '__day-head',
        dayRow: prefix + '__days-row',
        dayTable: prefix + '__days',
        month: prefix + '__month',
        next: prefix + '__next',
        positioned: prefix + '--fixed',
        selectedDay: prefix + '__day--selected',
        selectedTime: prefix + '__time--selected',
        time: prefix + '__time',
        timeList: prefix + '__time-list',
        timeOption: prefix + '__time-option',
        clockNum: prefix + '__clock__num'
      },
      // format to display in the input, or set on the element
      format: 'DD/MM/YY',
      // the container to append the picker
      container: document.body,
      // allow any dates
      dateValidator: undefined
    };
  };
  
  var DateTimePicker = function (_Events) {
    inherits(DateTimePicker, _Events);
  
    function DateTimePicker() {
      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
      classCallCheck(this, DateTimePicker);
  
      var _this = possibleConstructorReturn(this, (DateTimePicker.__proto__ || Object.getPrototypeOf(DateTimePicker)).call(this));
  
      var styles = Object.assign(defaults$$1().styles, options.styles);
      _this.options = Object.assign(defaults$$1(), options);
      _this.options.styles = styles;
  
      // listen to any event
      _this.on('*', function (evtName, evtData) {
        if (_this.options.el) {
          // if there is a custom element, fire a real dom
          // event on that now
          var event = new CustomEvent(evtName, _this, evtData);
          _this.options.el.dispatchEvent(event);
        }
      });
      return _this;
    }
  
    // intialize the rom calendar with our default date and
    // style options
  
  
    createClass(DateTimePicker, [{
      key: 'initializeRome',
      value: function initializeRome(container, validator) {
        var onData = this.onChangeDate.bind(this);
  
        return rome(container, {
          styles: this.options.styles,
          time: false,
          dateValidator: validator,
          initialValue: this.value
        }).on('data', onData);
      }
  
      // called to open the picker
  
    }, {
      key: 'open',
      value: function open() {
        var scrimEl = scrimTemplate(this.options);
        _appendTemplate(document.body, scrimEl);
        _appendTemplate(this.options.container, popupTemplate());
        this.pickerEl = this.options.container.querySelector('.' + prefix);
        this.scrimEl = document.body.querySelector('.' + this.options.styles.scrim);
        this.amToggleEl = this.$('.c-datepicker__clock--am');
        this.pmToggleEl = this.$('.c-datepicker__clock--pm');
  
        if (!this.value) {
          // TODO hack
          // set/setDate/setTime need refactoring to have single concerns
          // (set: set the value; setDate/setTime rename to renderDate/renderTime
          //  and deal with updating the view only).
          // For now this allows us to set the default time using the same quantize
          // rules as setting the date explicitly. Setting this.value meets setTime|Date's
          // expectation that we have a value, and `0` guarantees that we will detect
          this.value = moment(0);
          this.setDate(this.options.default);
          this.setTime(this.options.default);
        } else {
          this.setDate(this.value);
          this.setTime(this.value);
        }
  
        this.initializeRome(this.$('.' + this.options.styles.container), this.options.dateValidator);
        this._listenForCloseEvents();
  
        this._show();
      }
    }, {
      key: 'close',
      value: function close() {
        this._stopListeningForCloseEvents();
        this._hide();
      }
    }, {
      key: '_hide',
      value: function _hide() {
        var _this2 = this;
  
        this.pickerEl.classList.remove('open');
        window.setTimeout(function () {
          _this2.options.container.removeChild(_this2.pickerEl);
          document.body.removeChild(_this2.scrimEl);
          _this2.trigger('close');
        }, 200);
        return this;
      }
    }, {
      key: '_show',
      value: function _show() {
        var _this3 = this;
  
        this.delegateEvents();
        // add the animation classes on the next animation tick
        // so that they actually work
        window.requestAnimationFrame(function () {
          _this3.scrimEl.classList.add(_this3.options.styles.scrim + '--shown');
          _this3.pickerEl.classList.add(prefix + '--open');
          _this3.trigger('open');
        });
        return this;
      }
    }, {
      key: '_listenForCloseEvents',
      value: function _listenForCloseEvents() {
        var _this4 = this;
  
        this._onWindowKeypress = function (e) {
          if (e.which === ESC_KEY) {
            _this4.close();
          }
        };
  
        window.addEventListener("keydown", this._onWindowKeypress);
      }
    }, {
      key: '_stopListeningForCloseEvents',
      value: function _stopListeningForCloseEvents() {
        window.removeEventListener("keydown", this._onWindowKeypress);
        this._closeHandler = null;
      }
    }, {
      key: 'delegateEvents',
      value: function delegateEvents() {
        var _this5 = this;
  
        this.$('.js-cancel').addEventListener('click', function () {
          return _this5.clickCancel();
        }, false);
        this.$('.js-ok').addEventListener('click', function () {
          return _this5.clickSubmit();
        }, false);
  
        this.$('.js-date-hours').addEventListener('click', function (e) {
          return _this5.showHourClock(e);
        }, false);
        this.$('.js-date-minutes').addEventListener('click', function (e) {
          return _this5.showMinuteClock(e);
        }, false);
  
        this.$('.js-clock-hours').addEventListener('mouseleave', function (e) {
          return _this5.mouseOutHourClock(e);
        }, false);
        this.$('.js-clock-hours .' + this.options.styles.clockNum).forEach(function (el) {
          el.addEventListener('click', function (e) {
            return _this5.clickClickHour(e).showMinuteClock();
          }, false);
          el.addEventListener('mouseenter', function (e) {
            return _this5.mouseInHourClock(e);
          }, false);
        });
  
        this.$('.js-clock-minutes').addEventListener('mouseleave', function (e) {
          return _this5.mouseOutMinuteClock(e);
        }, false);
        this.$('.js-clock-minutes .' + this.options.styles.clockNum).forEach(function (el) {
          el.addEventListener('click', function (e) {
            return _this5.clickClockMinute(e);
          }, false);
          el.addEventListener('mouseenter', function (e) {
            return _this5.mouseInMinuteClock(e);
          }, false);
        });
  
        this.$('.c-datepicker__clock--am').addEventListener('click', function (e) {
          return _this5.clickAm(e);
        }, false);
        this.$('.c-datepicker__clock--pm').addEventListener('click', function (e) {
          return _this5.clickPm(e);
        }, false);
  
        this.$('.js-show-calendar').addEventListener('click', function (e) {
          return _this5.clickShowCalendar(e);
        }, false);
        this.$('.js-date-day').addEventListener('click', function (e) {
          return _this5.clickShowCalendar(e);
        }, false);
        this.$('.js-date-month').addEventListener('click', function (e) {
          return _this5.clickShowCalendar(e);
        }, false);
  
        this.$('.js-show-clock').addEventListener('click', function (e) {
          return _this5.clickShowClock(e);
        }, false);
  
        this.scrimEl.addEventListener('click', function () {
          return _this5.close();
        }, false);
  
        return this;
      }
    }, {
      key: 'clickSubmit',
      value: function clickSubmit() {
        this.close();
        this.trigger('submit', this.value, this);
        return this;
      }
    }, {
      key: 'clickCancel',
      value: function clickCancel() {
        this.close();
        this.trigger('cancel', this.value, this);
        return this;
      }
    }, {
      key: 'clickClickHour',
      value: function clickClickHour(e) {
        var newValue = moment(this.value);
        var number = parseInt(e.currentTarget.getAttribute('data-number'), 10);
        if (number === 0 && this.meridiem === 'pm') {
          number = 12;
        } else if (this.meridiem === 'pm') {
          number += 12;
        }
  
        newValue.hour(number);
        this.set(newValue);
        return this;
      }
    }, {
      key: 'clickClockMinute',
      value: function clickClockMinute(e) {
        var newValue = moment(this.value);
        var number = parseInt(e.currentTarget.getAttribute('data-number'), 10);
  
        newValue.minute(number);
        this.set(newValue);
        return this;
      }
    }, {
      key: 'onChangeDate',
      value: function onChangeDate(dateString) {
        var newValue = moment(this.value);
  
        var _dateString$split = dateString.split('-'),
            _dateString$split2 = slicedToArray(_dateString$split, 3),
            year = _dateString$split2[0],
            month = _dateString$split2[1],
            date = _dateString$split2[2];
  
        newValue.set({ year: year, month: month - 1, date: date });
  
        this.set(newValue);
        return this;
      }
    }, {
      key: 'mouseInHourClock',
      value: function mouseInHourClock() {
        var active = this.$('.js-clock-hours .' + this.options.styles.clockNum + '--active');
  
        if (active) {
          active.classList.add('hide-hand');
        }
      }
    }, {
      key: 'mouseInMinuteClock',
      value: function mouseInMinuteClock() {
        var active = this.$('.js-clock-minutes .' + this.options.styles.clockNum + '--active');
  
        if (active) {
          active.classList.add('hide-hand');
        }
      }
    }, {
      key: 'mouseOutHourClock',
      value: function mouseOutHourClock() {
        var hideHand = this.$('.js-clock-hours .' + this.options.styles.clockNum + '--active.hide-hand');
  
        if (hideHand) {
          hideHand.classList.remove('hide-hand');
        }
      }
    }, {
      key: 'mouseOutMinuteClock',
      value: function mouseOutMinuteClock() {
        var hideHand = this.$('.js-clock-minutes .' + this.options.styles.clockNum + '--active.hide-hand');
  
        if (hideHand) {
          hideHand.classList.remove('hide-hand');
        }
      }
    }, {
      key: 'clickAm',
      value: function clickAm() {
        var newValue = moment(this.value);
        if (this.meridiem === 'pm') {
          this.meridiem = 'am';
          newValue.hour(newValue.hour() - 12);
        }
        this.set(newValue);
        return this;
      }
    }, {
      key: 'clickPm',
      value: function clickPm() {
        var newValue = moment(this.value);
        if (this.meridiem === 'am') {
          this.meridiem = 'pm';
          newValue.hour(newValue.hour() + 12);
        }
        this.set(newValue);
        return this;
      }
    }, {
      key: 'showHourClock',
      value: function showHourClock() {
        this.clickShowClock();
        this.$('.js-clock-hours').classList.add('active');
        this.$('.js-clock-minutes').classList.remove('active');
        this.$('.js-date-hours').classList.add('active');
        this.$('.js-date-minutes').classList.remove('active');
      }
    }, {
      key: 'showMinuteClock',
      value: function showMinuteClock() {
        this.clickShowClock();
        this.$('.js-clock-hours').classList.remove('active');
        this.$('.js-clock-minutes').classList.add('active');
        this.$('.js-date-hours').classList.remove('active');
        this.$('.js-date-minutes').classList.add('active');
      }
    }, {
      key: 'clickShowCalendar',
      value: function clickShowCalendar() {
        this.$('.js-show-calendar').classList.add('is-selected');
        this.$('.js-show-clock').classList.remove('is-selected');
      }
    }, {
      key: 'clickShowClock',
      value: function clickShowClock() {
        this.$('.js-show-clock').classList.add('is-selected');
        this.$('.js-show-calendar').classList.remove('is-selected');
      }
    }, {
      key: 'data',
      value: function data(val) {
        console.warn('MaterialDatetimePicker#data is deprecated and will be removed in a future release. Please use get or set.');
        return val ? this.set(val) : this.value;
      }
    }, {
      key: 'get',
      value: function get$$1() {
        return moment(this.value);
      }
  
      // update the picker's date/time value
      // value: moment
      // silent: if true, do not fire any events on change
  
    }, {
      key: 'set',
      value: function set$$1(value) {
        var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
            _ref$silent = _ref.silent,
            silent = _ref$silent === undefined ? false : _ref$silent;
  
        var m = moment(value);
  
        // maintain a list of change events to fire all at once later
        var evts = [];
        if (m.date() !== this.value.date() || m.month() !== this.value.month() || m.year() !== this.value.year()) {
          this.setDate(m);
          evts.push('change:date');
        }
  
        if (m.hour() !== this.value.hour() || m.minutes() !== this.value.minutes()) {
          this.setTime(m);
          evts.push('change:time');
        }
  
        if (this.options.el) {
          // if there is an element to fire events on
          if (this.options.el.tagName === 'INPUT') {
            // and it is an input element then set the value
            this.options.el.value = m.format(this.options.format);
          } else {
            // or any other element set a data-value attribute
            this.options.el.setAttribute('data-value', m.format(this.options.format));
          }
        }
        if (evts.length > 0 && !silent) {
          // fire all the events we've collected
          this.trigger(['change'].concat(evts).join(' '), this.value, this);
        }
      }
  
      // set the value and header elements to `date`
      // the calendar will be updated automatically
      // by rome when clicked
  
    }, {
      key: 'setDate',
      value: function setDate(date) {
        var m = moment(date);
        var month = m.format('MMM');
        var day = m.format('Do');
        var dayOfWeek = m.format('dddd');
        var year = m.format('YYYY');
  
        this.$('.js-day').innerText = dayOfWeek;
        this.$('.js-date-month').innerText = month + ' ' + year;
        this.$('.js-date-day').innerText = day;
        this.value.year(m.year());
        this.value.month(m.month());
        this.value.date(m.date());
        return this;
      }
  
      // set the value and header elements to `time`
      // also update the hands of the clock
  
    }, {
      key: 'setTime',
      value: function setTime(time) {
        var m = moment(time);
        var minuteAsInt = Math.round(parseInt(m.format('mm'), 10) / 5) * 5;
        m.minutes(minuteAsInt);
  
        var hour = m.format('HH');
        var minutes = m.format('mm');
        var hourAsInt = parseInt(hour, 10) % 12;
  
        var oldActiveHours = this.$('.js-clock-hours .' + this.options.styles.clockNum + '--active');
        var oldActiveMinutes = this.$('.js-clock-minutes .' + this.options.styles.clockNum + '--active');
  
        this.$('.js-date-hours').innerText = hour;
        this.$('.js-date-minutes').innerText = minutes;
  
        if (oldActiveHours) {
          oldActiveHours.classList.remove(this.options.styles.clockNum + '--active');
        }
  
        if (oldActiveMinutes) {
          oldActiveMinutes.classList.remove(this.options.styles.clockNum + '--active');
        }
  
        this.$('.js-clock-hours .' + this.options.styles.clockNum + '[data-number="' + hourAsInt + '"]').classList.add(this.options.styles.clockNum + '--active');
        this.$('.js-clock-minutes .' + this.options.styles.clockNum + '[data-number="' + minuteAsInt + '"]').classList.add(this.options.styles.clockNum + '--active');
  
        this.value.hours(m.hours());
        this.value.minutes(m.minutes());
        this.meridiem = this.value.format('a');
  
        if (this.meridiem === 'pm') {
          this.amToggleEl.removeAttribute('checked');
          this.pmToggleEl.setAttribute('checked', 'checked');
          this.amToggleEl.parentElement.classList.remove('c-datepicker__toggle--checked');
          this.pmToggleEl.parentElement.classList.add('c-datepicker__toggle--checked');
        } else {
          this.pmToggleEl.removeAttribute('checked');
          this.amToggleEl.setAttribute('checked', 'checked');
          this.pmToggleEl.parentElement.classList.remove('c-datepicker__toggle--checked');
          this.amToggleEl.parentElement.classList.add('c-datepicker__toggle--checked');
        }
        return this;
      }
    }, {
      key: '$',
      value: function $(selector) {
        var els = this.pickerEl.querySelectorAll(selector);
        return els.length > 1 ? [].concat(toConsumableArray(els)) : els[0];
      }
    }]);
    return DateTimePicker;
  }(Events);
  
  function _appendTemplate(parent, template) {
    var tempEl = document.createElement('div');
    tempEl.innerHTML = template.trim();
    parent.appendChild(tempEl.firstChild);
    return this;
  }
  
  return DateTimePicker;
  
  })));
  //# sourceMappingURL=material-datetime-picker.js.map
  