md-date-time-picker-rails 2.0.1 → 2.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c1ea4207b5b8ff1f4819ad1098bfd5e974e500d4
-  data.tar.gz: 17c020cca987cdff8e5640d67f82287cc454e706
+  metadata.gz: aba4d28c8f11e2435d30493018627351c506ef5b
+  data.tar.gz: 70c6ceb06b0dc57c2a735a548c66fbeb4a52c938
 SHA512:
-  metadata.gz: 16620b7ec91ef9c0a58ee11adf1ca0878085c34edb50e957d678fb2bb34a0b6bf8748b5cb52d96e959b1ed80f5d78d6189858c6e562d8541b7a9a27dcc4195a8
-  data.tar.gz: 18409c5234ddc3f12bfc2972bd476e50fc51efe8ed9e7a23bb73c542d087c469b6a6103fe361a9f111a73c0f7cecf32c302dbe4c62b910a2b3b530644026faf4
+  metadata.gz: 4154c3ba49a51fa62b52989fcd1c429df2e139fe5f010005e49333a3b78a735e984872f5bac54fa2f1ce5ef27ca78a7631b945a74b0a6055337924cee3376d47
+  data.tar.gz: 21f0dbcf6654c9fac242d3f949d2661785a199e7ed10e132b1e1f185c13dd8c4d4a1ee2a563fbd8279f60a50ddcffa8e4e6fd08c1108c68d708de01cf919d5ef

data/lib/md-date-time-picker-rails/version.rb

@@ -1,5 +1,5 @@
 module MdDateTimePicker
   module Rails
-    VERSION = "2.0.1"
+    VERSION = "2.0.2"
   end
 end

data/vendor/assets/images/ic_keyboard_arrow_left_black_24px.svg

@@ -0,0 +1 @@
+<svg fill="rgba(0,0,0,0.7)" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"/><path d="M0-.5h24v24H0z" fill="none"/></svg>

data/vendor/assets/images/ic_keyboard_arrow_left_black_disabled_24px.svg

@@ -0,0 +1 @@
+<svg fill="rgba(0,0,0,0.26)" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"/><path d="M0-.5h24v24H0z" fill="none"/></svg>

data/vendor/assets/images/ic_keyboard_arrow_left_white_24px.svg

@@ -0,0 +1 @@
+<svg fill="rgba(255,255,255,0.7)" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"/><path d="M0-.5h24v24H0z" fill="none"/></svg>

data/vendor/assets/images/ic_keyboard_arrow_left_white_disabled_24px.svg

@@ -0,0 +1 @@
+<svg fill="rgba(255,255,255,0.3)" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"/><path d="M0-.5h24v24H0z" fill="none"/></svg>

data/vendor/assets/images/ic_keyboard_arrow_right_black_24px.svg

@@ -0,0 +1 @@
+<svg fill="rgba(0,0,0,0.7)" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"/><path d="M0-.25h24v24H0z" fill="none"/></svg>

data/vendor/assets/images/ic_keyboard_arrow_right_black_disabled_24px.svg

@@ -0,0 +1 @@
+<svg fill="rgba(0,0,0,0.26)" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"/><path d="M0-.25h24v24H0z" fill="none"/></svg>

data/vendor/assets/images/ic_keyboard_arrow_right_white_24px.svg

@@ -0,0 +1 @@
+<svg fill="rgba(255,255,255,0.7)" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"/><path d="M0-.25h24v24H0z" fill="none"/></svg>

data/vendor/assets/images/ic_keyboard_arrow_right_white_disabled_24px.svg

@@ -0,0 +1 @@
+<svg fill="rgba(255,255,255,0.3)" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"/><path d="M0-.25h24v24H0z" fill="none"/></svg>

data/vendor/assets/javascripts/draggabilly.pkgd.min.js

@@ -0,0 +1,8 @@
+/*!
+ * Draggabilly PACKAGED v2.1.0
+ * Make that shiz draggable
+ * http://draggabilly.desandro.com
+ * MIT license
+ */
+
+!function(t,i){"function"==typeof define&&define.amd?define("jquery-bridget/jquery-bridget",["jquery"],function(e){i(t,e)}):"object"==typeof module&&module.exports?module.exports=i(t,require("jquery")):t.jQueryBridget=i(t,t.jQuery)}(window,function(t,i){function e(e,r,a){function h(t,i,n){var o,r="$()."+e+'("'+i+'")';return t.each(function(t,h){var d=a.data(h,e);if(!d)return void s(e+" not initialized. Cannot call methods, i.e. "+r);var u=d[i];if(!u||"_"==i.charAt(0))return void s(r+" is not a valid method");var p=u.apply(d,n);o=void 0===o?p:o}),void 0!==o?o:t}function d(t,i){t.each(function(t,n){var o=a.data(n,e);o?(o.option(i),o._init()):(o=new r(n,i),a.data(n,e,o))})}a=a||i||t.jQuery,a&&(r.prototype.option||(r.prototype.option=function(t){a.isPlainObject(t)&&(this.options=a.extend(!0,this.options,t))}),a.fn[e]=function(t){if("string"==typeof t){var i=o.call(arguments,1);return h(this,t,i)}return d(this,t),this},n(a))}function n(t){!t||t&&t.bridget||(t.bridget=e)}var o=Array.prototype.slice,r=t.console,s="undefined"==typeof r?function(){}:function(t){r.error(t)};return n(i||t.jQuery),e}),function(t,i){"function"==typeof define&&define.amd?define("get-size/get-size",[],function(){return i()}):"object"==typeof module&&module.exports?module.exports=i():t.getSize=i()}(window,function(){function t(t){var i=parseFloat(t),e=-1==t.indexOf("%")&&!isNaN(i);return e&&i}function i(){}function e(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},i=0;d>i;i++){var e=h[i];t[e]=0}return t}function n(t){var i=getComputedStyle(t);return i||a("Style returned "+i+". Are you running this code in a hidden iframe on Firefox? See http://bit.ly/getsizebug1"),i}function o(){if(!u){u=!0;var i=document.createElement("div");i.style.width="200px",i.style.padding="1px 2px 3px 4px",i.style.borderStyle="solid",i.style.borderWidth="1px 2px 3px 4px",i.style.boxSizing="border-box";var e=document.body||document.documentElement;e.appendChild(i);var o=n(i);r.isBoxSizeOuter=s=200==t(o.width),e.removeChild(i)}}function r(i){if(o(),"string"==typeof i&&(i=document.querySelector(i)),i&&"object"==typeof i&&i.nodeType){var r=n(i);if("none"==r.display)return e();var a={};a.width=i.offsetWidth,a.height=i.offsetHeight;for(var u=a.isBorderBox="border-box"==r.boxSizing,p=0;d>p;p++){var c=h[p],f=r[c],g=parseFloat(f);a[c]=isNaN(g)?0:g}var l=a.paddingLeft+a.paddingRight,v=a.paddingTop+a.paddingBottom,m=a.marginLeft+a.marginRight,y=a.marginTop+a.marginBottom,b=a.borderLeftWidth+a.borderRightWidth,P=a.borderTopWidth+a.borderBottomWidth,E=u&&s,_=t(r.width);_!==!1&&(a.width=_+(E?0:l+b));var x=t(r.height);return x!==!1&&(a.height=x+(E?0:v+P)),a.innerWidth=a.width-(l+b),a.innerHeight=a.height-(v+P),a.outerWidth=a.width+m,a.outerHeight=a.height+y,a}}var s,a="undefined"==typeof console?i:function(t){console.error(t)},h=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],d=h.length,u=!1;return r}),function(t,i){"function"==typeof define&&define.amd?define("ev-emitter/ev-emitter",i):"object"==typeof module&&module.exports?module.exports=i():t.EvEmitter=i()}(this,function(){function t(){}var i=t.prototype;return i.on=function(t,i){if(t&&i){var e=this._events=this._events||{},n=e[t]=e[t]||[];return-1==n.indexOf(i)&&n.push(i),this}},i.once=function(t,i){if(t&&i){this.on(t,i);var e=this._onceEvents=this._onceEvents||{},n=e[t]=e[t]||[];return n[i]=!0,this}},i.off=function(t,i){var e=this._events&&this._events[t];if(e&&e.length){var n=e.indexOf(i);return-1!=n&&e.splice(n,1),this}},i.emitEvent=function(t,i){var e=this._events&&this._events[t];if(e&&e.length){var n=0,o=e[n];i=i||[];for(var r=this._onceEvents&&this._onceEvents[t];o;){var s=r&&r[o];s&&(this.off(t,o),delete r[o]),o.apply(this,i),n+=s?0:1,o=e[n]}return this}},t}),function(t,i){"function"==typeof define&&define.amd?define("unipointer/unipointer",["ev-emitter/ev-emitter"],function(e){return i(t,e)}):"object"==typeof module&&module.exports?module.exports=i(t,require("ev-emitter")):t.Unipointer=i(t,t.EvEmitter)}(window,function(t,i){function e(){}function n(){}var o=n.prototype=Object.create(i.prototype);o.bindStartEvent=function(t){this._bindStartEvent(t,!0)},o.unbindStartEvent=function(t){this._bindStartEvent(t,!1)},o._bindStartEvent=function(i,e){e=void 0===e?!0:!!e;var n=e?"addEventListener":"removeEventListener";t.navigator.pointerEnabled?i[n]("pointerdown",this):t.navigator.msPointerEnabled?i[n]("MSPointerDown",this):(i[n]("mousedown",this),i[n]("touchstart",this))},o.handleEvent=function(t){var i="on"+t.type;this[i]&&this[i](t)},o.getTouch=function(t){for(var i=0;i<t.length;i++){var e=t[i];if(e.identifier==this.pointerIdentifier)return e}},o.onmousedown=function(t){var i=t.button;i&&0!==i&&1!==i||this._pointerDown(t,t)},o.ontouchstart=function(t){this._pointerDown(t,t.changedTouches[0])},o.onMSPointerDown=o.onpointerdown=function(t){this._pointerDown(t,t)},o._pointerDown=function(t,i){this.isPointerDown||(this.isPointerDown=!0,this.pointerIdentifier=void 0!==i.pointerId?i.pointerId:i.identifier,this.pointerDown(t,i))},o.pointerDown=function(t,i){this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,i])};var r={mousedown:["mousemove","mouseup"],touchstart:["touchmove","touchend","touchcancel"],pointerdown:["pointermove","pointerup","pointercancel"],MSPointerDown:["MSPointerMove","MSPointerUp","MSPointerCancel"]};return o._bindPostStartEvents=function(i){if(i){var e=r[i.type];e.forEach(function(i){t.addEventListener(i,this)},this),this._boundPointerEvents=e}},o._unbindPostStartEvents=function(){this._boundPointerEvents&&(this._boundPointerEvents.forEach(function(i){t.removeEventListener(i,this)},this),delete this._boundPointerEvents)},o.onmousemove=function(t){this._pointerMove(t,t)},o.onMSPointerMove=o.onpointermove=function(t){t.pointerId==this.pointerIdentifier&&this._pointerMove(t,t)},o.ontouchmove=function(t){var i=this.getTouch(t.changedTouches);i&&this._pointerMove(t,i)},o._pointerMove=function(t,i){this.pointerMove(t,i)},o.pointerMove=function(t,i){this.emitEvent("pointerMove",[t,i])},o.onmouseup=function(t){this._pointerUp(t,t)},o.onMSPointerUp=o.onpointerup=function(t){t.pointerId==this.pointerIdentifier&&this._pointerUp(t,t)},o.ontouchend=function(t){var i=this.getTouch(t.changedTouches);i&&this._pointerUp(t,i)},o._pointerUp=function(t,i){this._pointerDone(),this.pointerUp(t,i)},o.pointerUp=function(t,i){this.emitEvent("pointerUp",[t,i])},o._pointerDone=function(){this.isPointerDown=!1,delete this.pointerIdentifier,this._unbindPostStartEvents(),this.pointerDone()},o.pointerDone=e,o.onMSPointerCancel=o.onpointercancel=function(t){t.pointerId==this.pointerIdentifier&&this._pointerCancel(t,t)},o.ontouchcancel=function(t){var i=this.getTouch(t.changedTouches);i&&this._pointerCancel(t,i)},o._pointerCancel=function(t,i){this._pointerDone(),this.pointerCancel(t,i)},o.pointerCancel=function(t,i){this.emitEvent("pointerCancel",[t,i])},n.getPointerPoint=function(t){return{x:t.pageX,y:t.pageY}},n}),function(t,i){"function"==typeof define&&define.amd?define("unidragger/unidragger",["unipointer/unipointer"],function(e){return i(t,e)}):"object"==typeof module&&module.exports?module.exports=i(t,require("unipointer")):t.Unidragger=i(t,t.Unipointer)}(window,function(t,i){function e(){}function n(){}var o=n.prototype=Object.create(i.prototype);o.bindHandles=function(){this._bindHandles(!0)},o.unbindHandles=function(){this._bindHandles(!1)};var r=t.navigator;return o._bindHandles=function(t){t=void 0===t?!0:!!t;var i;i=r.pointerEnabled?function(i){i.style.touchAction=t?"none":""}:r.msPointerEnabled?function(i){i.style.msTouchAction=t?"none":""}:e;for(var n=t?"addEventListener":"removeEventListener",o=0;o<this.handles.length;o++){var s=this.handles[o];this._bindStartEvent(s,t),i(s),s[n]("click",this)}},o.pointerDown=function(t,i){if("INPUT"==t.target.nodeName&&"range"==t.target.type)return this.isPointerDown=!1,void delete this.pointerIdentifier;this._dragPointerDown(t,i);var e=document.activeElement;e&&e.blur&&e.blur(),this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,i])},o._dragPointerDown=function(t,e){this.pointerDownPoint=i.getPointerPoint(e);var n=this.canPreventDefaultOnPointerDown(t,e);n&&t.preventDefault()},o.canPreventDefaultOnPointerDown=function(t){return"SELECT"!=t.target.nodeName},o.pointerMove=function(t,i){var e=this._dragPointerMove(t,i);this.emitEvent("pointerMove",[t,i,e]),this._dragMove(t,i,e)},o._dragPointerMove=function(t,e){var n=i.getPointerPoint(e),o={x:n.x-this.pointerDownPoint.x,y:n.y-this.pointerDownPoint.y};return!this.isDragging&&this.hasDragStarted(o)&&this._dragStart(t,e),o},o.hasDragStarted=function(t){return Math.abs(t.x)>3||Math.abs(t.y)>3},o.pointerUp=function(t,i){this.emitEvent("pointerUp",[t,i]),this._dragPointerUp(t,i)},o._dragPointerUp=function(t,i){this.isDragging?this._dragEnd(t,i):this._staticClick(t,i)},o._dragStart=function(t,e){this.isDragging=!0,this.dragStartPoint=i.getPointerPoint(e),this.isPreventingClicks=!0,this.dragStart(t,e)},o.dragStart=function(t,i){this.emitEvent("dragStart",[t,i])},o._dragMove=function(t,i,e){this.isDragging&&this.dragMove(t,i,e)},o.dragMove=function(t,i,e){t.preventDefault(),this.emitEvent("dragMove",[t,i,e])},o._dragEnd=function(t,i){this.isDragging=!1,setTimeout(function(){delete this.isPreventingClicks}.bind(this)),this.dragEnd(t,i)},o.dragEnd=function(t,i){this.emitEvent("dragEnd",[t,i])},o.onclick=function(t){this.isPreventingClicks&&t.preventDefault()},o._staticClick=function(t,i){if(!this.isIgnoringMouseUp||"mouseup"!=t.type){var e=t.target.nodeName;("INPUT"==e||"TEXTAREA"==e)&&t.target.focus(),this.staticClick(t,i),"mouseup"!=t.type&&(this.isIgnoringMouseUp=!0,setTimeout(function(){delete this.isIgnoringMouseUp}.bind(this),400))}},o.staticClick=function(t,i){this.emitEvent("staticClick",[t,i])},n.getPointerPoint=i.getPointerPoint,n}),function(t,i){"function"==typeof define&&define.amd?define(["get-size/get-size","unidragger/unidragger"],function(e,n){return i(t,e,n)}):"object"==typeof module&&module.exports?module.exports=i(t,require("get-size"),require("unidragger")):t.Draggabilly=i(t,t.getSize,t.Unidragger)}(window,function(t,i,e){function n(){}function o(t,i){for(var e in i)t[e]=i[e];return t}function r(t){return t instanceof HTMLElement}function s(t,i){this.element="string"==typeof t?h.querySelector(t):t,f&&(this.$element=f(this.element)),this.options=o({},this.constructor.defaults),this.option(i),this._create()}function a(t,i,e){return e=e||"round",i?Math[e](t/i)*i:t}var h=t.document,d=t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame,u=0;d||(d=function(t){var i=(new Date).getTime(),e=Math.max(0,16-(i-u)),n=setTimeout(t,e);return u=i+e,n});var p=h.documentElement,c="string"==typeof p.style.transform?"transform":"WebkitTransform",f=t.jQuery,g=s.prototype=Object.create(e.prototype);return s.defaults={},g.option=function(t){o(this.options,t)},g._create=function(){this.position={},this._getPosition(),this.startPoint={x:0,y:0},this.dragPoint={x:0,y:0},this.startPosition=o({},this.position);var t=getComputedStyle(this.element);"relative"!=t.position&&"absolute"!=t.position&&(this.element.style.position="relative"),this.enable(),this.setHandles()},g.setHandles=function(){this.handles=this.options.handle?this.element.querySelectorAll(this.options.handle):[this.element],this.bindHandles()},g.dispatchEvent=function(i,e,n){var o=[e].concat(n);this.emitEvent(i,o);var r=t.jQuery;if(r&&this.$element)if(e){var s=r.Event(e);s.type=i,this.$element.trigger(s,n)}else this.$element.trigger(i,n)},s.prototype._getPosition=function(){var t=getComputedStyle(this.element),i=this._getPositionCoord(t.left,"width"),e=this._getPositionCoord(t.top,"height");this.position.x=isNaN(i)?0:i,this.position.y=isNaN(e)?0:e,this._addTransformPosition(t)},s.prototype._getPositionCoord=function(t,e){if(-1!=t.indexOf("%")){var n=i(this.element.parentNode);return parseFloat(t)/100*n[e]}return parseInt(t,10)},g._addTransformPosition=function(t){var i=t[c];if(0===i.indexOf("matrix")){var e=i.split(","),n=0===i.indexOf("matrix3d")?12:4,o=parseInt(e[n],10),r=parseInt(e[n+1],10);this.position.x+=o,this.position.y+=r}},g.pointerDown=function(t,i){this._dragPointerDown(t,i);var e=h.activeElement;e&&e.blur&&e!=h.body&&e.blur(),this._bindPostStartEvents(t),this.element.classList.add("is-pointer-down"),this.dispatchEvent("pointerDown",t,[i])},g.pointerMove=function(t,i){var e=this._dragPointerMove(t,i);this.dispatchEvent("pointerMove",t,[i,e]),this._dragMove(t,i,e)},g.dragStart=function(t,i){this.isEnabled&&(this._getPosition(),this.measureContainment(),this.startPosition.x=this.position.x,this.startPosition.y=this.position.y,this.setLeftTop(),this.dragPoint.x=0,this.dragPoint.y=0,this.element.classList.add("is-dragging"),this.dispatchEvent("dragStart",t,[i]),this.animate())},g.measureContainment=function(){var t=this.options.containment;if(t){var e=r(t)?t:"string"==typeof t?h.querySelector(t):this.element.parentNode,n=i(this.element),o=i(e),s=this.element.getBoundingClientRect(),a=e.getBoundingClientRect(),d=o.borderLeftWidth+o.borderRightWidth,u=o.borderTopWidth+o.borderBottomWidth,p=this.relativeStartPosition={x:s.left-(a.left+o.borderLeftWidth),y:s.top-(a.top+o.borderTopWidth)};this.containSize={width:o.width-d-p.x-n.width,height:o.height-u-p.y-n.height}}},g.dragMove=function(t,i,e){if(this.isEnabled){var n=e.x,o=e.y,r=this.options.grid,s=r&&r[0],h=r&&r[1];n=a(n,s),o=a(o,h),n=this.containDrag("x",n,s),o=this.containDrag("y",o,h),n="y"==this.options.axis?0:n,o="x"==this.options.axis?0:o,this.position.x=this.startPosition.x+n,this.position.y=this.startPosition.y+o,this.dragPoint.x=n,this.dragPoint.y=o,this.dispatchEvent("dragMove",t,[i,e])}},g.containDrag=function(t,i,e){if(!this.options.containment)return i;var n="x"==t?"width":"height",o=this.relativeStartPosition[t],r=a(-o,e,"ceil"),s=this.containSize[n];return s=a(s,e,"floor"),Math.min(s,Math.max(r,i))},g.pointerUp=function(t,i){this.element.classList.remove("is-pointer-down"),this.dispatchEvent("pointerUp",t,[i]),this._dragPointerUp(t,i)},g.dragEnd=function(t,i){this.isEnabled&&(c&&(this.element.style[c]="",this.setLeftTop()),this.element.classList.remove("is-dragging"),this.dispatchEvent("dragEnd",t,[i]))},g.animate=function(){if(this.isDragging){this.positionDrag();var t=this;d(function(){t.animate()})}},g.setLeftTop=function(){this.element.style.left=this.position.x+"px",this.element.style.top=this.position.y+"px"},g.positionDrag=function(){this.element.style[c]="translate3d( "+this.dragPoint.x+"px, "+this.dragPoint.y+"px, 0)"},g.staticClick=function(t,i){this.dispatchEvent("staticClick",t,[i])},g.enable=function(){this.isEnabled=!0},g.disable=function(){this.isEnabled=!1,this.isDragging&&this.dragEnd()},g.destroy=function(){this.disable(),this.element.style[c]="",this.element.style.left="",this.element.style.top="",this.element.style.position="",this.unbindHandles(),this.$element&&this.$element.removeData("draggabilly")},g._init=n,f&&f.bridget&&f.bridget("draggabilly",s),s});

data/vendor/assets/javascripts/mdDateTimePicker.js

@@ -0,0 +1,1250 @@
+(function (global, factory) {
+	if (typeof define === "function" && define.amd) {
+		define(['exports'], factory);
+	} else if (typeof exports !== "undefined") {
+		factory(exports);
+	} else {
+		var mod = {
+			exports: {}
+		};
+		factory(mod.exports);
+		global.mdDateTimePicker = mod.exports;
+	}
+})(this, function (exports) {
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+		value: true
+	});
+
+	function _classCallCheck(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 || !1;
+				descriptor.configurable = !0;
+				if ("value" in descriptor) descriptor.writable = !0;
+				Object.defineProperty(target, descriptor.key, descriptor);
+			}
+		}
+
+		return function (Constructor, protoProps, staticProps) {
+			if (protoProps) defineProperties(Constructor.prototype, protoProps);
+			if (staticProps) defineProperties(Constructor, staticProps);
+			return Constructor;
+		};
+	}(),
+	    _dialog = {
+		view: !0,
+		state: !1
+	},
+	    mdDateTimePicker = function () {
+		/**
+  * [constructor of the mdDateTimePicker]
+  *
+  * @method constructor
+  *
+  * @param  {[string]}   type = 'date' or 'time 									[type of dialog]
+  * @param  {[moment]}   init 																		[initial value for the dialog date or time, defaults to today] [@default = today]
+  * @param  {[moment]}   past 																		[the past moment till which the calendar shall render] [@default = exactly 21 Years ago from init]
+  * @param  {[moment]}   future           												[the future moment till which the calendar shall render] [@default = init]
+  * @param	{[Boolean]}  mode 																		[this value tells whether the time dialog will have the 24 hour mode (true) or 12 hour mode (false)] [@default = false]
+  * @param  {[string]}   orientation = 'LANDSCAPE' or 'PORTRAIT'  [force the orientation of the picker @default = 'LANDSCAPE']
+  * @param  {[element]}  trigger																	[element on which all the events will be dispatched e.g var foo = document.getElementById('bar'), here element = foo]
+  *
+  * @return {[Object]}    																				[mdDateTimePicker]
+  */
+
+		function mdDateTimePicker(_ref) {
+			var type = _ref.type,
+			    _ref$init = _ref.init,
+			    init = _ref$init === undefined ? moment() : _ref$init,
+			    _ref$past = _ref.past,
+			    past = _ref$past === undefined ? moment().subtract(21, 'years') : _ref$past,
+			    _ref$future = _ref.future,
+			    future = _ref$future === undefined ? init : _ref$future,
+			    _ref$mode = _ref.mode,
+			    mode = _ref$mode === undefined ? !1 : _ref$mode,
+			    _ref$orientation = _ref.orientation,
+			    orientation = _ref$orientation === undefined ? 'LANDSCAPE' : _ref$orientation,
+			    _ref$trigger = _ref.trigger,
+			    trigger = _ref$trigger === undefined ? '' : _ref$trigger;
+
+			_classCallCheck(this, mdDateTimePicker);
+
+			this._type = type;
+			this._init = init;
+			this._past = past;
+			this._future = future;
+			this._mode = mode;
+			this._orientation = orientation;
+			this._trigger = trigger;
+
+			/**
+   * [dialog selected classes have the same structure as dialog but one level down]
+   * @type {Object}
+   * e.g
+   * sDialog = {
+   *   picker: 'some-picker-selected'
+   * }
+   */
+			this._sDialog = {};
+			// attach the dialog if not present
+			if (!document.getElementById('mddtp-picker__' + this._type)) {
+				this._buildDialog();
+			}
+		}
+
+		/**
+  * [time to get or set the current picker's moment]
+  *
+  * @method time
+  *
+  * @param  {[moment]} m
+  *
+  */
+
+
+		_createClass(mdDateTimePicker, [{
+			key: 'toggle',
+			value: function toggle() {
+				this._selectDialog();
+				// work according to the current state of the dialog
+				if (mdDateTimePicker.dialog.state) {
+					this._hideDialog();
+				} else {
+					if (this._type === 'date') {
+						this._initDateDialog(this._init);
+					} else if (this._type === 'time') {
+						this._initTimeDialog(this._init);
+					}
+					this._showDialog();
+				}
+			}
+		}, {
+			key: '_selectDialog',
+			value: function _selectDialog() {
+				// now do what you normally would do
+				this._sDialog.picker = document.getElementById('mddtp-picker__' + [this._type]);
+				/**
+    * [sDialogEls stores all inner components of the selected dialog or sDialog to be later getElementById]
+    *
+    * @type {Array}
+    */
+				var sDialogEls = ['viewHolder', 'years', 'header', 'cancel', 'ok', 'left', 'right', 'previous', 'current', 'next', 'subtitle', 'title', 'titleDay', 'titleMonth', 'AM', 'PM', 'needle', 'hourView', 'minuteView', 'hour', 'minute', 'fakeNeedle', 'circularHolder', 'circle', 'dotSpan'],
+				    i = sDialogEls.length;
+
+				while (i--) {
+					this._sDialog[sDialogEls[i]] = document.getElementById('mddtp-' + this._type + '__' + sDialogEls[i]);
+				}
+
+				this._sDialog.tDate = this._init.clone();
+				this._sDialog.sDate = this._init.clone();
+			}
+		}, {
+			key: '_showDialog',
+			value: function _showDialog() {
+				var me = this,
+				    zoomIn = 'zoomIn';
+
+				mdDateTimePicker.dialog.state = !0;
+				this._sDialog.picker.classList.remove('mddtp-picker--inactive');
+				this._sDialog.picker.classList.add(zoomIn);
+				// if the dialog is forced into portrait mode
+				if (this._orientation === 'PORTRAIT') {
+					this._sDialog.picker.classList.add('mddtp-picker--portrait');
+				}
+				setTimeout(function () {
+					me._sDialog.picker.classList.remove(zoomIn);
+				}, 300);
+			}
+		}, {
+			key: '_hideDialog',
+			value: function _hideDialog() {
+				var me = this,
+				    years = this._sDialog.years,
+				    title = me._sDialog.title,
+				    subtitle = me._sDialog.subtitle,
+				    viewHolder = this._sDialog.viewHolder,
+				    AM = this._sDialog.AM,
+				    PM = this._sDialog.PM,
+				    minute = this._sDialog.minute,
+				    hour = this._sDialog.hour,
+				    minuteView = this._sDialog.minuteView,
+				    hourView = this._sDialog.hourView,
+				    picker = this._sDialog.picker,
+				    needle = this._sDialog.needle,
+				    dotSpan = this._sDialog.dotSpan,
+				    active = 'mddtp-picker__color--active',
+				    inactive = 'mddtp-picker--inactive',
+				    invisible = 'mddtp-picker__years--invisible',
+				    zoomIn = 'zoomIn',
+				    zoomOut = 'zoomOut',
+				    hidden = 'mddtp-picker__circularView--hidden',
+				    selection = 'mddtp-picker__selection';
+
+				mdDateTimePicker.dialog.state = !1;
+				mdDateTimePicker.dialog.view = !0;
+				this._sDialog.picker.classList.add(zoomOut);
+				// reset classes
+				if (this._type === 'date') {
+					years.classList.remove(zoomIn, zoomOut);
+					years.classList.add(invisible);
+					title.classList.remove(active);
+					subtitle.classList.add(active);
+					viewHolder.classList.remove(zoomOut);
+				} else {
+					AM.classList.remove(active);
+					PM.classList.remove(active);
+					minute.classList.remove(active);
+					hour.classList.add(active);
+					minuteView.classList.add(hidden);
+					hourView.classList.remove(hidden);
+					subtitle.setAttribute('style', 'display: none');
+					dotSpan.setAttribute('style', 'display: none');
+					needle.className = selection;
+				}
+				setTimeout(function () {
+					// remove portrait mode
+					me._sDialog.picker.classList.remove('mddtp-picker--portrait');
+					me._sDialog.picker.classList.remove(zoomOut);
+					me._sDialog.picker.classList.add(inactive);
+					// clone elements and add them again to clear events attached to them
+					var pickerClone = picker.cloneNode(!0);
+					picker.parentNode.replaceChild(pickerClone, picker);
+				}, 300);
+			}
+		}, {
+			key: '_buildDialog',
+			value: function _buildDialog() {
+				var type = this._type,
+				    docfrag = document.createDocumentFragment(),
+				    container = document.createElement('div'),
+				    header = document.createElement('div'),
+				    body = document.createElement('div'),
+				    action = document.createElement('div'),
+				    cancel = document.createElement('button'),
+				    ok = document.createElement('button');
+				// outer most container of the picker
+
+				// header container of the picker
+
+				// body container of the picker
+
+				// action elements container
+
+				// ... add properties to them
+				container.id = 'mddtp-picker__' + type;
+				container.classList.add('mddtp-picker');
+				container.classList.add('mddtp-picker-' + type);
+				container.classList.add('mddtp-picker--inactive');
+				container.classList.add('animated');
+				this._addId(header, 'header');
+				this._addClass(header, 'header');
+				// add header to container
+				container.appendChild(header);
+				this._addClass(body, 'body');
+				body.appendChild(action);
+				// add body to container
+				container.appendChild(body);
+				// add stuff to header and body according to dialog type
+				if (this._type === 'date') {
+					var subtitle = document.createElement('div'),
+					    title = document.createElement('div'),
+					    titleDay = document.createElement('div'),
+					    titleMonth = document.createElement('div'),
+					    viewHolder = document.createElement('div'),
+					    views = document.createElement('ul'),
+					    previous = document.createElement('li'),
+					    current = document.createElement('li'),
+					    next = document.createElement('li'),
+					    left = document.createElement('button'),
+					    right = document.createElement('button'),
+					    years = document.createElement('ul');
+
+					// inside header
+					// adding properties to them
+					this._addId(subtitle, 'subtitle');
+					this._addClass(subtitle, 'subtitle');
+					this._addId(title, 'title');
+					this._addClass(title, 'title', ['mddtp-picker__color--active']);
+					this._addId(titleDay, 'titleDay');
+					this._addId(titleMonth, 'titleMonth');
+					// add title stuff to it
+					title.appendChild(titleDay);
+					title.appendChild(titleMonth);
+					// add them to header
+					header.appendChild(subtitle);
+					header.appendChild(title);
+					// inside body
+					// inside viewHolder
+					this._addId(viewHolder, 'viewHolder');
+					this._addClass(viewHolder, 'viewHolder', ['animated']);
+					this._addClass(views, 'views');
+					this._addId(previous, 'previous');
+					previous.classList.add('mddtp-picker__view');
+					this._addId(current, 'current');
+					current.classList.add('mddtp-picker__view');
+					this._addId(next, 'next');
+					next.classList.add('mddtp-picker__view');
+					// fill the views
+					this._addView(previous);
+					this._addView(current);
+					this._addView(next);
+					// add them
+					viewHolder.appendChild(views);
+					views.appendChild(previous);
+					views.appendChild(current);
+					views.appendChild(next);
+					// inside body again
+					this._addId(left, 'left');
+					left.classList.add('mddtp-button');
+					this._addClass(left, 'left');
+					left.setAttribute('type', 'button');
+					this._addId(right, 'right');
+					right.classList.add('mddtp-button');
+					this._addClass(right, 'right');
+					right.setAttribute('type', 'button');
+					this._addId(years, 'years');
+					this._addClass(years, 'years', ['mddtp-picker__years--invisible', 'animated']);
+					// add them to body
+					body.appendChild(viewHolder);
+					body.appendChild(left);
+					body.appendChild(right);
+					body.appendChild(years);
+				} else {
+					var _title = document.createElement('div'),
+					    hour = document.createElement('span'),
+					    span = document.createElement('span'),
+					    minute = document.createElement('span'),
+					    _subtitle = document.createElement('div'),
+					    AM = document.createElement('div'),
+					    PM = document.createElement('div'),
+					    circularHolder = document.createElement('div'),
+					    needle = document.createElement('div'),
+					    dot = document.createElement('span'),
+					    line = document.createElement('span'),
+					    circle = document.createElement('span'),
+					    minuteView = document.createElement('div'),
+					    fakeNeedle = document.createElement('div'),
+					    hourView = document.createElement('div');
+
+					// add properties to them
+					// inside header
+					this._addId(_title, 'title');
+					this._addClass(_title, 'title');
+					this._addId(hour, 'hour');
+					hour.classList.add('mddtp-picker__color--active');
+					span.textContent = ':';
+					this._addId(span, 'dotSpan');
+					span.setAttribute('style', 'display: none');
+					this._addId(minute, 'minute');
+					this._addId(_subtitle, 'subtitle');
+					this._addClass(_subtitle, 'subtitle');
+					_subtitle.setAttribute('style', 'display: none');
+					this._addId(AM, 'AM');
+					AM.textContent = 'AM';
+					this._addId(PM, 'PM');
+					PM.textContent = 'PM';
+					// add them to title and subtitle
+					_title.appendChild(hour);
+					_title.appendChild(span);
+					_title.appendChild(minute);
+					_subtitle.appendChild(AM);
+					_subtitle.appendChild(PM);
+					// add them to header
+					header.appendChild(_title);
+					header.appendChild(_subtitle);
+					// inside body
+					this._addId(circularHolder, 'circularHolder');
+					this._addClass(circularHolder, 'circularHolder');
+					this._addId(needle, 'needle');
+					needle.classList.add('mddtp-picker__selection');
+					this._addClass(dot, 'dot');
+					this._addClass(line, 'line');
+					this._addId(circle, 'circle');
+					this._addClass(circle, 'circle');
+					this._addId(minuteView, 'minuteView');
+					minuteView.classList.add('mddtp-picker__circularView');
+					minuteView.classList.add('mddtp-picker__circularView--hidden');
+					this._addId(fakeNeedle, 'fakeNeedle');
+					fakeNeedle.classList.add('mddtp-picker__circle--fake');
+					this._addId(hourView, 'hourView');
+					hourView.classList.add('mddtp-picker__circularView');
+					// add them to needle
+					needle.appendChild(dot);
+					needle.appendChild(line);
+					needle.appendChild(circle);
+					// add them to circularHolder
+					circularHolder.appendChild(needle);
+					circularHolder.appendChild(minuteView);
+					circularHolder.appendChild(fakeNeedle);
+					circularHolder.appendChild(hourView);
+					// add them to body
+					body.appendChild(circularHolder);
+				}
+				action.classList.add('mddtp-picker__action');
+				this._addId(cancel, 'cancel');
+				cancel.classList.add('mddtp-button');
+				cancel.setAttribute('type', 'button');
+				cancel.textContent = 'cancel';
+				this._addId(ok, 'ok');
+				ok.classList.add('mddtp-button');
+				ok.setAttribute('type', 'button');
+				ok.textContent = 'ok';
+				// add actions
+				action.appendChild(cancel);
+				action.appendChild(ok);
+				// add actions to body
+				body.appendChild(action);
+				docfrag.appendChild(container);
+				// add the container to the end of body
+				document.getElementsByTagName('body').item(0).appendChild(docfrag);
+			}
+		}, {
+			key: '_initTimeDialog',
+			value: function _initTimeDialog(m) {
+				var hour = this._sDialog.hour,
+				    minute = this._sDialog.minute,
+				    subtitle = this._sDialog.subtitle,
+				    dotSpan = this._sDialog.dotSpan;
+
+				// switch according to 12 hour or 24 hour mode
+				if (this._mode) {
+					this._fillText(hour, m.format('H'));
+				} else {
+					this._fillText(hour, m.format('h'));
+					this._sDialog[m.format('A')].classList.add('mddtp-picker__color--active');
+					subtitle.removeAttribute('style');
+					dotSpan.removeAttribute('style');
+				}
+				this._fillText(minute, m.format('mm'));
+				this._initHour();
+				this._initMinute();
+				this._attachEventHandlers();
+				this._changeM();
+				this._dragDial();
+				this._switchToView(hour);
+				this._switchToView(minute);
+				this._addClockEvent();
+			}
+		}, {
+			key: '_initHour',
+			value: function _initHour() {
+				var hourView = this._sDialog.hourView,
+				    needle = this._sDialog.needle,
+				    hour = 'mddtp-hour__selected',
+				    selected = 'mddtp-picker__cell--selected',
+				    rotate = 'mddtp-picker__cell--rotate-',
+				    cell = 'mddtp-picker__cell',
+				    docfrag = document.createDocumentFragment(),
+				    hourNow = void 0;
+
+				if (this._mode) {
+					hourNow = parseInt(this._sDialog.tDate.format('H'), 10);
+					for (var i = 1, j = 5; i <= 24; i++, j += 5) {
+						var div = document.createElement('div'),
+						    span = document.createElement('span');
+
+						div.classList.add(cell);
+						span.textContent = i;
+						div.classList.add(rotate + j);
+						if (hourNow === i) {
+							div.id = hour;
+							div.classList.add(selected);
+							needle.classList.add(rotate + j);
+						}
+						div.appendChild(span);
+						docfrag.appendChild(div);
+					}
+				} else {
+					hourNow = parseInt(this._sDialog.tDate.format('h'), 10);
+					for (var _i = 1, _j = 10; _i <= 12; _i++, _j += 10) {
+						var _div = document.createElement('div'),
+						    _span = document.createElement('span');
+
+						_div.classList.add(cell);
+						_span.textContent = _i;
+						_div.classList.add(rotate + _j);
+						if (hourNow === _i) {
+							_div.id = hour;
+							_div.classList.add(selected);
+							needle.classList.add(rotate + _j);
+						}
+						_div.appendChild(_span);
+						docfrag.appendChild(_div);
+					}
+				}
+				//empty the hours
+				while (hourView.lastChild) {
+					hourView.removeChild(hourView.lastChild);
+				}
+				// set inner html accordingly
+				hourView.appendChild(docfrag);
+			}
+		}, {
+			key: '_initMinute',
+			value: function _initMinute() {
+				var minuteView = this._sDialog.minuteView,
+				    minuteNow = parseInt(this._sDialog.tDate.format('m'), 10),
+				    sMinute = 'mddtp-minute__selected',
+				    selected = 'mddtp-picker__cell--selected',
+				    rotate = 'mddtp-picker__cell--rotate-',
+				    cell = 'mddtp-picker__cell',
+				    docfrag = document.createDocumentFragment();
+
+				for (var i = 5, j = 10; i <= 60; i += 5, j += 10) {
+					var div = document.createElement('div'),
+					    span = document.createElement('span');
+
+					div.classList.add(cell);
+					if (i === 60) {
+						span.textContent = this._numWithZero(0);
+					} else {
+						span.textContent = this._numWithZero(i);
+					}
+					if (minuteNow === 0) {
+						minuteNow = 60;
+					}
+					div.classList.add(rotate + j);
+					// (minuteNow === 1 && i === 60) for corner case highlight 00 at 01
+					if (minuteNow === i || minuteNow - 1 === i || minuteNow + 1 === i || minuteNow === 1 && i === 60) {
+						div.id = sMinute;
+						div.classList.add(selected);
+					}
+					div.appendChild(span);
+					docfrag.appendChild(div);
+				}
+				//empty the hours
+				while (minuteView.lastChild) {
+					minuteView.removeChild(minuteView.lastChild);
+				}
+				// set inner html accordingly
+				minuteView.appendChild(docfrag);
+			}
+		}, {
+			key: '_initDateDialog',
+			value: function _initDateDialog(m) {
+				var subtitle = this._sDialog.subtitle,
+				    title = this._sDialog.title,
+				    titleDay = this._sDialog.titleDay,
+				    titleMonth = this._sDialog.titleMonth;
+
+				this._fillText(subtitle, m.format('YYYY'));
+				this._fillText(titleDay, m.format('ddd, '));
+				this._fillText(titleMonth, m.format('MMM D'));
+				this._initYear();
+				this._initViewHolder();
+				this._attachEventHandlers();
+				this._changeMonth();
+				this._switchToView(subtitle);
+				this._switchToView(title);
+			}
+		}, {
+			key: '_initViewHolder',
+			value: function _initViewHolder() {
+				var m = this._sDialog.tDate,
+				    picker = this._sDialog.picker,
+				    current = this._sDialog.current,
+				    previous = this._sDialog.previous,
+				    next = this._sDialog.next,
+				    past = this._past,
+				    future = this._future;
+
+				if (m.isBefore(past, 'month')) {
+					m = past.clone();
+				}
+				if (m.isAfter(future, 'month')) {
+					m = future.clone();
+				}
+				this._sDialog.tDate = m;
+				this._initMonth(current, m);
+				this._initMonth(next, moment(this._getMonth(m, 1)));
+				this._initMonth(previous, moment(this._getMonth(m, -1)));
+				this._toMoveMonth();
+			}
+		}, {
+			key: '_initMonth',
+			value: function _initMonth(view, m) {
+				var displayMonth = m.format('MMMM YYYY'),
+				    innerDivs = view.getElementsByTagName('div');
+				// get the .mddtp-picker__month element using innerDivs[0]
+
+				this._fillText(innerDivs[0], displayMonth);
+				var docfrag = document.createDocumentFragment(),
+				    tr = innerDivs[3],
+				    firstDayOfMonth = parseInt(moment(m).date(1).day(), 10),
+				    today = -1,
+				    selected = -1,
+				    lastDayOfMonth = parseInt(moment(m).endOf('month').format('D'), 10) + firstDayOfMonth - 1,
+				    past = firstDayOfMonth,
+				    cellClass = 'mddtp-picker__cell',
+				    future = lastDayOfMonth;
+				// get the .mddtp-picker__tr element using innerDivs[3]
+
+				if (moment().isSame(m, 'month')) {
+					today = parseInt(moment().format('D'), 10);
+					today += firstDayOfMonth - 1;
+				}
+				if (this._past.isSame(m, 'month')) {
+					past = parseInt(this._past.format('D'), 10);
+					past += firstDayOfMonth - 1;
+				}
+				if (this._future.isSame(m, 'month')) {
+					future = parseInt(this._future.format('D'), 10);
+					future += firstDayOfMonth - 1;
+				}
+				if (this._sDialog.sDate.isSame(m, 'month')) {
+					selected = parseInt(moment(m).format('D'), 10);
+					selected += firstDayOfMonth - 1;
+				}
+				for (var i = 0; i < 42; i++) {
+					// create cell
+					var cell = document.createElement('span'),
+					    currentDay = i - firstDayOfMonth + 1;
+
+					if (i >= firstDayOfMonth && i <= lastDayOfMonth) {
+						if (i > future || i < past) {
+							cell.classList.add(cellClass + '--disabled');
+						} else {
+							cell.classList.add(cellClass);
+						}
+						this._fillText(cell, currentDay);
+					}
+					if (today === i) {
+						cell.classList.add(cellClass + '--today');
+					}
+					if (selected === i) {
+						cell.classList.add(cellClass + '--selected');
+						cell.id = 'mddtp-date__selected';
+					}
+					docfrag.appendChild(cell);
+				}
+				//empty the tr
+				while (tr.lastChild) {
+					tr.removeChild(tr.lastChild);
+				}
+				// set inner html accordingly
+				tr.appendChild(docfrag);
+				this._addCellClickEvent(tr);
+			}
+		}, {
+			key: '_initYear',
+			value: function _initYear() {
+				var years = this._sDialog.years,
+				    currentYear = this._sDialog.tDate.year(),
+				    docfrag = document.createDocumentFragment(),
+				    past = this._past.year(),
+				    future = this._future.year();
+
+				for (var year = past; year <= future; year++) {
+					var li = document.createElement('li');
+					li.textContent = year;
+					if (year === currentYear) {
+						li.id = 'mddtp-date__currentYear';
+						li.classList.add('mddtp-picker__li--current');
+					}
+					docfrag.appendChild(li);
+				}
+				//empty the years ul
+				while (years.lastChild) {
+					years.removeChild(years.lastChild);
+				}
+				// set inner html accordingly
+				years.appendChild(docfrag);
+				// attach event handler to the ul to get the benefit of event delegation
+				this._changeYear(years);
+			}
+		}, {
+			key: '_switchToView',
+			value: function _switchToView(el) {
+				var me = this;
+				// attach the view change button
+				if (this._type == 'date') {
+					el.onclick = function () {
+						me._switchToDateView(el, me);
+					};
+				} else {
+					el.onclick = function () {
+						me._switchToTimeView(me);
+					};
+				}
+			}
+		}, {
+			key: '_switchToTimeView',
+			value: function _switchToTimeView(me) {
+				var hourView = me._sDialog.hourView,
+				    minuteView = me._sDialog.minuteView,
+				    hour = me._sDialog.hour,
+				    minute = me._sDialog.minute,
+				    activeClass = 'mddtp-picker__color--active',
+				    hidden = 'mddtp-picker__circularView--hidden',
+				    selection = 'mddtp-picker__selection',
+				    needle = me._sDialog.needle,
+				    circularHolder = me._sDialog.circularHolder,
+				    circle = me._sDialog.circle,
+				    fakeNeedle = me._sDialog.fakeNeedle,
+				    spoke = 60,
+				    value = void 0;
+
+				// toggle view classes
+				hourView.classList.toggle(hidden);
+				minuteView.classList.toggle(hidden);
+				hour.classList.toggle(activeClass);
+				minute.classList.toggle(activeClass);
+				// move the needle to correct position
+				needle.className = '';
+				needle.classList.add(selection);
+				if (mdDateTimePicker.dialog.view) {
+					value = me._sDialog.sDate.format('m');
+					// move the fakeNeedle to correct position
+					setTimeout(function () {
+						var hOffset = circularHolder.getBoundingClientRect(),
+						    cOffset = circle.getBoundingClientRect();
+
+						fakeNeedle.setAttribute('style', 'left:' + (cOffset.left - hOffset.left) + 'px;top:' + (cOffset.top - hOffset.top) + 'px');
+					}, 300);
+				} else {
+					if (me._mode) {
+						spoke = 24;
+						value = me._sDialog.sDate.format('H');
+					} else {
+						spoke = 12;
+						value = me._sDialog.sDate.format('h');
+					}
+				}
+				var rotationClass = me._calcRotation(spoke, parseInt(value, 10));
+				if (rotationClass) {
+					needle.classList.add(rotationClass);
+				}
+				// toggle the view type
+				mdDateTimePicker.dialog.view = !mdDateTimePicker.dialog.view;
+			}
+		}, {
+			key: '_switchToDateView',
+			value: function _switchToDateView(el, me) {
+				el.setAttribute('disabled', '');
+				var viewHolder = me._sDialog.viewHolder,
+				    years = me._sDialog.years,
+				    title = me._sDialog.title,
+				    subtitle = me._sDialog.subtitle,
+				    currentYear = document.getElementById('mddtp-date__currentYear');
+
+				if (mdDateTimePicker.dialog.view) {
+					viewHolder.classList.add('zoomOut');
+					years.classList.remove('mddtp-picker__years--invisible');
+					years.classList.add('zoomIn');
+					// scroll into the view
+					currentYear.scrollIntoViewIfNeeded();
+				} else {
+					years.classList.add('zoomOut');
+					viewHolder.classList.remove('zoomOut');
+					viewHolder.classList.add('zoomIn');
+					setTimeout(function () {
+						years.classList.remove('zoomIn', 'zoomOut');
+						years.classList.add('mddtp-picker__years--invisible');
+						viewHolder.classList.remove('zoomIn');
+					}, 300);
+				}
+				title.classList.toggle('mddtp-picker__color--active');
+				subtitle.classList.toggle('mddtp-picker__color--active');
+				mdDateTimePicker.dialog.view = !mdDateTimePicker.dialog.view;
+				setTimeout(function () {
+					el.removeAttribute('disabled');
+				}, 300);
+			}
+		}, {
+			key: '_addClockEvent',
+			value: function _addClockEvent() {
+				var me = this,
+				    hourView = this._sDialog.hourView,
+				    minuteView = this._sDialog.minuteView,
+				    sClass = 'mddtp-picker__cell--selected';
+
+				hourView.onclick = function (e) {
+					var sHour = 'mddtp-hour__selected',
+					    selectedHour = document.getElementById(sHour),
+					    setHour = 0;
+
+					if (e.target && e.target.nodeName == 'SPAN') {
+						// clear the previously selected hour
+						selectedHour.id = '';
+						selectedHour.classList.remove(sClass);
+						// select the new hour
+						e.target.parentNode.classList.add(sClass);
+						e.target.parentNode.id = sHour;
+						// set the sDate according to 24 or 12 hour mode
+						if (me._mode) {
+							setHour = e.target.textContent;
+						} else {
+							if (me._sDialog.sDate.format('A') === 'AM') {
+								setHour = e.target.textContent;
+							} else {
+								setHour = parseInt(e.target.textContent, 10) + 12;
+							}
+						}
+						me._sDialog.sDate.hour(setHour);
+						// set the display hour
+						me._sDialog.hour.textContent = e.target.textContent;
+						// switch the view
+						me._switchToTimeView(me);
+					}
+				};
+				minuteView.onclick = function (e) {
+					var sMinute = 'mddtp-minute__selected',
+					    selectedMinute = document.getElementById(sMinute),
+					    setMinute = 0;
+
+					if (e.target && e.target.nodeName == 'SPAN') {
+						// clear the previously selected hour
+						if (selectedMinute) {
+							selectedMinute.id = '';
+							selectedMinute.classList.remove(sClass);
+						}
+						// select the new hour
+						e.target.parentNode.classList.add(sClass);
+						e.target.parentNode.id = sMinute;
+						// set the sDate minute
+						setMinute = e.target.textContent;
+						me._sDialog.sDate.minute(setMinute);
+						// set the display minute
+						me._sDialog.minute.textContent = setMinute;
+						// switch the view
+						me._switchToTimeView(me);
+					}
+				};
+			}
+		}, {
+			key: '_addCellClickEvent',
+			value: function _addCellClickEvent(el) {
+				var me = this;
+				el.onclick = function (e) {
+					if (e.target && e.target.nodeName == 'SPAN' && e.target.classList.contains('mddtp-picker__cell')) {
+						var picker = me._sDialog.picker,
+						    day = e.target.textContent,
+						    currentDate = me._sDialog.tDate.date(day),
+						    sId = 'mddtp-date__selected',
+						    sClass = 'mddtp-picker__cell--selected',
+						    selected = document.getElementById(sId),
+						    subtitle = me._sDialog.subtitle,
+						    titleDay = me._sDialog.titleDay,
+						    titleMonth = me._sDialog.titleMonth;
+
+						if (selected) {
+							selected.classList.remove(sClass);
+							selected.id = '';
+						}
+						e.target.classList.add(sClass);
+						e.target.id = sId;
+
+						// update temp date object with the date selected
+						me._sDialog.sDate = currentDate.clone();
+
+						me._fillText(subtitle, currentDate.year());
+						me._fillText(titleDay, currentDate.format('ddd, '));
+						me._fillText(titleMonth, currentDate.format('MMM D'));
+					}
+				};
+			}
+		}, {
+			key: '_toMoveMonth',
+			value: function _toMoveMonth() {
+				var m = this._sDialog.tDate,
+				    left = this._sDialog.left,
+				    right = this._sDialog.right,
+				    past = this._past,
+				    future = this._future;
+
+				left.removeAttribute('disabled');
+				right.removeAttribute('disabled');
+				left.classList.remove('mddtp-button--disabled');
+				right.classList.remove('mddtp-button--disabled');
+				if (m.isSame(past, 'month')) {
+					left.setAttribute('disabled', '');
+					left.classList.add('mddtp-button--disabled');
+				}
+				if (m.isSame(future, 'month')) {
+					right.setAttribute('disabled', '');
+					right.classList.add('mddtp-button--disabled');
+				}
+			}
+		}, {
+			key: '_changeMonth',
+			value: function _changeMonth() {
+				var me = this,
+				    left = this._sDialog.left,
+				    right = this._sDialog.right,
+				    mLeftClass = 'mddtp-picker__view--left',
+				    mRightClass = 'mddtp-picker__view--right',
+				    pause = 'mddtp-picker__view--pause';
+
+				left.onclick = function () {
+					moveStep(mRightClass, me._sDialog.previous);
+				};
+
+				right.onclick = function () {
+					moveStep(mLeftClass, me._sDialog.next);
+				};
+
+				function moveStep(aClass, to) {
+					/**
+     * [stepBack to know if the to step is going back or not]
+     *
+     * @type {Boolean}
+     */
+					var stepBack = !1,
+					    next = me._sDialog.next,
+					    current = me._sDialog.current,
+					    previous = me._sDialog.previous;
+
+					left.setAttribute('disabled', '');
+					right.setAttribute('disabled', '');
+					current.classList.add(aClass);
+					previous.classList.add(aClass);
+					next.classList.add(aClass);
+					var clone = to.cloneNode(!0),
+					    del = void 0;
+
+					if (to === next) {
+						del = previous;
+						current.parentNode.appendChild(clone);
+						next.id = current.id;
+						current.id = previous.id;
+						previous = current;
+						current = next;
+						next = clone;
+					} else {
+						stepBack = !0;
+						del = next;
+						previous.id = current.id;
+						current.id = next.id;
+						next = current;
+						current = previous;
+					}
+					setTimeout(function () {
+						if (to === previous) {
+							current.parentNode.insertBefore(clone, current);
+							previous = clone;
+						}
+						// update real values to match these values
+						me._sDialog.next = next;
+						me._sDialog.current = current;
+						me._sDialog.previous = previous;
+						current.classList.add(pause);
+						next.classList.add(pause);
+						previous.classList.add(pause);
+						current.classList.remove(aClass);
+						next.classList.remove(aClass);
+						previous.classList.remove(aClass);
+						del.parentNode.removeChild(del);
+					}, 300);
+					// REVIEW replace below code with requestAnimationFrame
+					setTimeout(function () {
+						current.classList.remove(pause);
+						next.classList.remove(pause);
+						previous.classList.remove(pause);
+						if (stepBack) {
+							me._sDialog.tDate = me._getMonth(me._sDialog.tDate, -1);
+						} else {
+							me._sDialog.tDate = me._getMonth(me._sDialog.tDate, 1);
+						}
+						me._initViewHolder();
+					}, 350);
+					setTimeout(function () {
+						if (!left.classList.contains('mddtp-button--disabled')) {
+							left.removeAttribute('disabled');
+						}
+						if (!right.classList.contains('mddtp-button--disabled')) {
+							right.removeAttribute('disabled');
+						}
+					}, 400);
+				}
+			}
+		}, {
+			key: '_changeYear',
+			value: function _changeYear(el) {
+				var me = this;
+				el.onclick = function (e) {
+					if (e.target && e.target.nodeName == 'LI') {
+						var selected = document.getElementById('mddtp-date__currentYear');
+						// clear previous selected
+						selected.id = '';
+						selected.classList.remove('mddtp-picker__li--current');
+						// add the properties to the newer one
+						e.target.id = 'mddtp-date__currentYear';
+						e.target.classList.add('mddtp-picker__li--current');
+						// switch view
+						me._switchToDateView(el, me);
+						// set the tdate to it
+						me._sDialog.tDate.year(parseInt(e.target.textContent, 10));
+						// update the dialog
+						me._initViewHolder();
+					}
+				};
+			}
+		}, {
+			key: '_changeM',
+			value: function _changeM() {
+				var me = this,
+				    AM = this._sDialog.AM,
+				    PM = this._sDialog.PM;
+
+				AM.onclick = function (e) {
+					var m = me._sDialog.sDate.format('A');
+					if (m === 'PM') {
+						me._sDialog.sDate.subtract(12, 'h');
+						AM.classList.toggle('mddtp-picker__color--active');
+						PM.classList.toggle('mddtp-picker__color--active');
+					}
+				};
+				PM.onclick = function (e) {
+					var m = me._sDialog.sDate.format('A');
+					if (m === 'AM') {
+						me._sDialog.sDate.add(12, 'h');
+						AM.classList.toggle('mddtp-picker__color--active');
+						PM.classList.toggle('mddtp-picker__color--active');
+					}
+				};
+			}
+		}, {
+			key: '_dragDial',
+			value: function _dragDial() {
+				var me = this,
+				    needle = this._sDialog.needle,
+				    circle = this._sDialog.circle,
+				    fakeNeedle = this._sDialog.fakeNeedle,
+				    circularHolder = this._sDialog.circularHolder,
+				    minute = this._sDialog.minute,
+				    quick = 'mddtp-picker__selection--quick',
+				    selection = 'mddtp-picker__selection',
+				    selected = 'mddtp-picker__cell--selected',
+				    rotate = 'mddtp-picker__cell--rotate-',
+				    hOffset = circularHolder.getBoundingClientRect(),
+				    divides = void 0,
+				    fakeNeedleDraggabilly = new Draggabilly(fakeNeedle, {
+					containment: !0
+				});
+
+				fakeNeedleDraggabilly.on('pointerDown', function () {
+					hOffset = circularHolder.getBoundingClientRect();
+				});
+				fakeNeedleDraggabilly.on('dragMove', function (e) {
+					var xPos = e.clientX - hOffset.left - hOffset.width / 2,
+					    yPos = e.clientY - hOffset.top - hOffset.height / 2,
+					    slope = Math.atan2(-yPos, xPos);
+
+					needle.className = '';
+					if (slope < 0) {
+						slope += 2 * Math.PI;
+					}
+					slope *= 180 / Math.PI;
+					slope = 360 - slope;
+					if (slope > 270) {
+						slope -= 360;
+					}
+					divides = parseInt(slope / 6);
+					var same = Math.abs(6 * divides - slope),
+					    upper = Math.abs(6 * (divides + 1) - slope);
+
+					if (upper < same) {
+						divides++;
+					}
+					divides += 15;
+					needle.classList.add(selection);
+					needle.classList.add(quick);
+					needle.classList.add(rotate + divides * 2);
+				});
+				fakeNeedleDraggabilly.on('dragEnd', function () {
+					var minuteViewChildren = me._sDialog.minuteView.getElementsByTagName('div'),
+					    sMinute = 'mddtp-minute__selected',
+					    selectedMinute = document.getElementById(sMinute),
+					    cOffset = circle.getBoundingClientRect();
+
+					fakeNeedle.setAttribute('style', 'left:' + (cOffset.left - hOffset.left) + 'px;top:' + (cOffset.top - hOffset.top) + 'px');
+					needle.classList.remove(quick);
+					var select = divides;
+					if (select === 1) {
+						select = 60;
+					}
+					select = me._nearestDivisor(select, 5);
+					// normalize 60 => 0
+					if (divides === 60) {
+						divides = 0;
+					}
+					// remove previously selected value
+					if (selectedMinute) {
+						selectedMinute.id = '';
+						selectedMinute.classList.remove(selected);
+					}
+					// add the new selected
+					if (select > 0) {
+						select /= 5;
+						select--;
+						minuteViewChildren[select].id = sMinute;
+						minuteViewChildren[select].classList.add(selected);
+					}
+					minute.textContent = me._numWithZero(divides);
+					me._sDialog.sDate.minutes(divides);
+				});
+			}
+		}, {
+			key: '_attachEventHandlers',
+			value: function _attachEventHandlers() {
+				var me = this,
+				    ok = this._sDialog.ok,
+				    cancel = this._sDialog.cancel,
+				    onCancel = new CustomEvent('onCancel'),
+				    onOk = new CustomEvent('onOk');
+				// create cutom events to dispatch
+
+				cancel.onclick = function () {
+					me.toggle();
+					if (me._trigger) {
+						me._trigger.dispatchEvent(onCancel);
+					}
+				};
+				ok.onclick = function () {
+					me._init = me._sDialog.sDate;
+					me.toggle();
+					if (me._trigger) {
+						me._trigger.dispatchEvent(onOk);
+					}
+				};
+			}
+		}, {
+			key: '_getMonth',
+			value: function _getMonth(moment, count) {
+				var m = void 0;
+				m = moment.clone();
+				if (count > 0) {
+					return m.add(Math.abs(count), 'M');
+				} else {
+					return m.subtract(Math.abs(count), 'M');
+				}
+			}
+		}, {
+			key: '_nearestDivisor',
+			value: function _nearestDivisor(number, divided) {
+				if (number % divided === 0) {
+					return number;
+				} else if ((number - 1) % divided === 0) {
+					return number - 1;
+				} else if ((number + 1) % divided === 0) {
+					return number + 1;
+				}
+				return -1;
+			}
+		}, {
+			key: '_numWithZero',
+			value: function _numWithZero(n) {
+				return n > 9 ? '' + n : '0' + n;
+			}
+		}, {
+			key: '_fillText',
+			value: function _fillText(el, text) {
+				if (el.firstChild) {
+					el.firstChild.nodeValue = text;
+				} else {
+					el.appendChild(document.createTextNode(text));
+				}
+			}
+		}, {
+			key: '_addId',
+			value: function _addId(el, id) {
+				el.id = 'mddtp-' + this._type + '__' + id;
+			}
+		}, {
+			key: '_addClass',
+			value: function _addClass(el, aClass, more) {
+				el.classList.add('mddtp-picker__' + aClass);
+				var i = 0;
+				if (more) {
+					i = more.length;
+					more.reverse();
+				}
+				while (i--) {
+					el.classList.add(more[i]);
+				}
+			}
+		}, {
+			key: '_addView',
+			value: function _addView(view) {
+				var month = document.createElement('div'),
+				    grid = document.createElement('div'),
+				    th = document.createElement('div'),
+				    tr = document.createElement('div'),
+				    weekDays = ['S', 'F', 'T', 'W', 'T', 'M', 'S'],
+				    week = 7;
+
+				while (week--) {
+					var span = document.createElement('span');
+					span.textContent = weekDays[week];
+					th.appendChild(span);
+				}
+				// add properties to them
+				this._addClass(month, 'month');
+				this._addClass(grid, 'grid');
+				this._addClass(th, 'th');
+				this._addClass(tr, 'tr');
+				// add them to the view
+				view.appendChild(month);
+				view.appendChild(grid);
+				grid.appendChild(th);
+				grid.appendChild(tr);
+			}
+		}, {
+			key: '_calcRotation',
+			value: function _calcRotation(spoke, value) {
+				var start = spoke / 12 * 3;
+				// set clocks top and right side value
+				if (spoke === 12) {
+					value *= 10;
+				} else if (spoke === 24) {
+					value *= 5;
+				} else {
+					value *= 2;
+				}
+				// special case for 00 => 60
+				if (spoke === 60 && value === 0) {
+					value = 120;
+				}
+				return 'mddtp-picker__cell--rotate-' + value;
+			}
+		}, {
+			key: 'time',
+			get: function get() {
+				return this._init;
+			},
+			set: function set(m) {
+				if (m) {
+					this._init = m;
+				}
+			}
+		}, {
+			key: 'trigger',
+			get: function get() {
+				return this._trigger;
+			},
+			set: function set(el) {
+				if (el) {
+					this._trigger = el;
+				}
+			}
+		}], [{
+			key: 'dialog',
+			get: function get() {
+				return _dialog;
+			}
+		}]);
+
+		return mdDateTimePicker;
+	}();
+
+	exports.default = mdDateTimePicker;
+});