diff --git a/dist/css/component.css b/dist/css/component.css
index 1508188..5349de5 100644
--- a/dist/css/component.css
+++ b/dist/css/component.css
@@ -297,482 +297,962 @@
.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__selection--quick {
transition: none; }
.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-1 {
+ -webkit-transform: rotate(-87deg);
+ -ms-transform: rotate(-87deg);
+ transform: rotate(-87deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-1 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(87deg);
+ -ms-transform: rotate(87deg);
+ transform: rotate(87deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-2 {
-webkit-transform: rotate(-84deg);
-ms-transform: rotate(-84deg);
transform: rotate(-84deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-1 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-2 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(84deg);
-ms-transform: rotate(84deg);
transform: rotate(84deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-2 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-3 {
+ -webkit-transform: rotate(-81deg);
+ -ms-transform: rotate(-81deg);
+ transform: rotate(-81deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-3 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(81deg);
+ -ms-transform: rotate(81deg);
+ transform: rotate(81deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-4 {
-webkit-transform: rotate(-78deg);
-ms-transform: rotate(-78deg);
transform: rotate(-78deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-2 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-4 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(78deg);
-ms-transform: rotate(78deg);
transform: rotate(78deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-3 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-5 {
+ -webkit-transform: rotate(-75deg);
+ -ms-transform: rotate(-75deg);
+ transform: rotate(-75deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-5 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(75deg);
+ -ms-transform: rotate(75deg);
+ transform: rotate(75deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-6 {
-webkit-transform: rotate(-72deg);
-ms-transform: rotate(-72deg);
transform: rotate(-72deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-3 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-6 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(72deg);
-ms-transform: rotate(72deg);
transform: rotate(72deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-4 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-7 {
+ -webkit-transform: rotate(-69deg);
+ -ms-transform: rotate(-69deg);
+ transform: rotate(-69deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-7 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(69deg);
+ -ms-transform: rotate(69deg);
+ transform: rotate(69deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-8 {
-webkit-transform: rotate(-66deg);
-ms-transform: rotate(-66deg);
transform: rotate(-66deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-4 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-8 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(66deg);
-ms-transform: rotate(66deg);
transform: rotate(66deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-5 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-9 {
+ -webkit-transform: rotate(-63deg);
+ -ms-transform: rotate(-63deg);
+ transform: rotate(-63deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-9 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(63deg);
+ -ms-transform: rotate(63deg);
+ transform: rotate(63deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-10 {
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-5 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-10 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-6 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-11 {
+ -webkit-transform: rotate(-57deg);
+ -ms-transform: rotate(-57deg);
+ transform: rotate(-57deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-11 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(57deg);
+ -ms-transform: rotate(57deg);
+ transform: rotate(57deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-12 {
-webkit-transform: rotate(-54deg);
-ms-transform: rotate(-54deg);
transform: rotate(-54deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-6 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-12 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(54deg);
-ms-transform: rotate(54deg);
transform: rotate(54deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-7 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-13 {
+ -webkit-transform: rotate(-51deg);
+ -ms-transform: rotate(-51deg);
+ transform: rotate(-51deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-13 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(51deg);
+ -ms-transform: rotate(51deg);
+ transform: rotate(51deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-14 {
-webkit-transform: rotate(-48deg);
-ms-transform: rotate(-48deg);
transform: rotate(-48deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-7 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-14 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(48deg);
-ms-transform: rotate(48deg);
transform: rotate(48deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-8 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-15 {
+ -webkit-transform: rotate(-45deg);
+ -ms-transform: rotate(-45deg);
+ transform: rotate(-45deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-15 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-16 {
-webkit-transform: rotate(-42deg);
-ms-transform: rotate(-42deg);
transform: rotate(-42deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-8 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-16 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(42deg);
-ms-transform: rotate(42deg);
transform: rotate(42deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-9 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-17 {
+ -webkit-transform: rotate(-39deg);
+ -ms-transform: rotate(-39deg);
+ transform: rotate(-39deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-17 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(39deg);
+ -ms-transform: rotate(39deg);
+ transform: rotate(39deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-18 {
-webkit-transform: rotate(-36deg);
-ms-transform: rotate(-36deg);
transform: rotate(-36deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-9 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-18 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(36deg);
-ms-transform: rotate(36deg);
transform: rotate(36deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-10 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-19 {
+ -webkit-transform: rotate(-33deg);
+ -ms-transform: rotate(-33deg);
+ transform: rotate(-33deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-19 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(33deg);
+ -ms-transform: rotate(33deg);
+ transform: rotate(33deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-20 {
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-10 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-20 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-11 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-21 {
+ -webkit-transform: rotate(-27deg);
+ -ms-transform: rotate(-27deg);
+ transform: rotate(-27deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-21 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(27deg);
+ -ms-transform: rotate(27deg);
+ transform: rotate(27deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-22 {
-webkit-transform: rotate(-24deg);
-ms-transform: rotate(-24deg);
transform: rotate(-24deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-11 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-22 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(24deg);
-ms-transform: rotate(24deg);
transform: rotate(24deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-12 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-23 {
+ -webkit-transform: rotate(-21deg);
+ -ms-transform: rotate(-21deg);
+ transform: rotate(-21deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-23 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(21deg);
+ -ms-transform: rotate(21deg);
+ transform: rotate(21deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-24 {
-webkit-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
transform: rotate(-18deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-12 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-24 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(18deg);
-ms-transform: rotate(18deg);
transform: rotate(18deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-13 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-25 {
+ -webkit-transform: rotate(-15deg);
+ -ms-transform: rotate(-15deg);
+ transform: rotate(-15deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-25 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(15deg);
+ -ms-transform: rotate(15deg);
+ transform: rotate(15deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-26 {
-webkit-transform: rotate(-12deg);
-ms-transform: rotate(-12deg);
transform: rotate(-12deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-13 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-26 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(12deg);
-ms-transform: rotate(12deg);
transform: rotate(12deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-14 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-27 {
+ -webkit-transform: rotate(-9deg);
+ -ms-transform: rotate(-9deg);
+ transform: rotate(-9deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-27 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(9deg);
+ -ms-transform: rotate(9deg);
+ transform: rotate(9deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-28 {
-webkit-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
transform: rotate(-6deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-14 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-28 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(6deg);
-ms-transform: rotate(6deg);
transform: rotate(6deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-15 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-29 {
+ -webkit-transform: rotate(-3deg);
+ -ms-transform: rotate(-3deg);
+ transform: rotate(-3deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-29 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(3deg);
+ -ms-transform: rotate(3deg);
+ transform: rotate(3deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-30 {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-15 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-30 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-16 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-31 {
+ -webkit-transform: rotate(3deg);
+ -ms-transform: rotate(3deg);
+ transform: rotate(3deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-31 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-3deg);
+ -ms-transform: rotate(-3deg);
+ transform: rotate(-3deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-32 {
-webkit-transform: rotate(6deg);
-ms-transform: rotate(6deg);
transform: rotate(6deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-16 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-32 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
transform: rotate(-6deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-17 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-33 {
+ -webkit-transform: rotate(9deg);
+ -ms-transform: rotate(9deg);
+ transform: rotate(9deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-33 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-9deg);
+ -ms-transform: rotate(-9deg);
+ transform: rotate(-9deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-34 {
-webkit-transform: rotate(12deg);
-ms-transform: rotate(12deg);
transform: rotate(12deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-17 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-34 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-12deg);
-ms-transform: rotate(-12deg);
transform: rotate(-12deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-18 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-35 {
+ -webkit-transform: rotate(15deg);
+ -ms-transform: rotate(15deg);
+ transform: rotate(15deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-35 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-15deg);
+ -ms-transform: rotate(-15deg);
+ transform: rotate(-15deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-36 {
-webkit-transform: rotate(18deg);
-ms-transform: rotate(18deg);
transform: rotate(18deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-18 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-36 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
transform: rotate(-18deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-19 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-37 {
+ -webkit-transform: rotate(21deg);
+ -ms-transform: rotate(21deg);
+ transform: rotate(21deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-37 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-21deg);
+ -ms-transform: rotate(-21deg);
+ transform: rotate(-21deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-38 {
-webkit-transform: rotate(24deg);
-ms-transform: rotate(24deg);
transform: rotate(24deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-19 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-38 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-24deg);
-ms-transform: rotate(-24deg);
transform: rotate(-24deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-20 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-39 {
+ -webkit-transform: rotate(27deg);
+ -ms-transform: rotate(27deg);
+ transform: rotate(27deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-39 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-27deg);
+ -ms-transform: rotate(-27deg);
+ transform: rotate(-27deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-40 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-20 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-40 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-21 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-41 {
+ -webkit-transform: rotate(33deg);
+ -ms-transform: rotate(33deg);
+ transform: rotate(33deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-41 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-33deg);
+ -ms-transform: rotate(-33deg);
+ transform: rotate(-33deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-42 {
-webkit-transform: rotate(36deg);
-ms-transform: rotate(36deg);
transform: rotate(36deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-21 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-42 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-36deg);
-ms-transform: rotate(-36deg);
transform: rotate(-36deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-22 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-43 {
+ -webkit-transform: rotate(39deg);
+ -ms-transform: rotate(39deg);
+ transform: rotate(39deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-43 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-39deg);
+ -ms-transform: rotate(-39deg);
+ transform: rotate(-39deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-44 {
-webkit-transform: rotate(42deg);
-ms-transform: rotate(42deg);
transform: rotate(42deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-22 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-44 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-42deg);
-ms-transform: rotate(-42deg);
transform: rotate(-42deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-23 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-45 {
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-45 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-45deg);
+ -ms-transform: rotate(-45deg);
+ transform: rotate(-45deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-46 {
-webkit-transform: rotate(48deg);
-ms-transform: rotate(48deg);
transform: rotate(48deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-23 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-46 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-48deg);
-ms-transform: rotate(-48deg);
transform: rotate(-48deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-24 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-47 {
+ -webkit-transform: rotate(51deg);
+ -ms-transform: rotate(51deg);
+ transform: rotate(51deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-47 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-51deg);
+ -ms-transform: rotate(-51deg);
+ transform: rotate(-51deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-48 {
-webkit-transform: rotate(54deg);
-ms-transform: rotate(54deg);
transform: rotate(54deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-24 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-48 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-54deg);
-ms-transform: rotate(-54deg);
transform: rotate(-54deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-25 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-49 {
+ -webkit-transform: rotate(57deg);
+ -ms-transform: rotate(57deg);
+ transform: rotate(57deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-49 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-57deg);
+ -ms-transform: rotate(-57deg);
+ transform: rotate(-57deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-50 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-25 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-50 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-26 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-51 {
+ -webkit-transform: rotate(63deg);
+ -ms-transform: rotate(63deg);
+ transform: rotate(63deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-51 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-63deg);
+ -ms-transform: rotate(-63deg);
+ transform: rotate(-63deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-52 {
-webkit-transform: rotate(66deg);
-ms-transform: rotate(66deg);
transform: rotate(66deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-26 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-52 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-66deg);
-ms-transform: rotate(-66deg);
transform: rotate(-66deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-27 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-53 {
+ -webkit-transform: rotate(69deg);
+ -ms-transform: rotate(69deg);
+ transform: rotate(69deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-53 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-69deg);
+ -ms-transform: rotate(-69deg);
+ transform: rotate(-69deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-54 {
-webkit-transform: rotate(72deg);
-ms-transform: rotate(72deg);
transform: rotate(72deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-27 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-54 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-72deg);
-ms-transform: rotate(-72deg);
transform: rotate(-72deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-28 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-55 {
+ -webkit-transform: rotate(75deg);
+ -ms-transform: rotate(75deg);
+ transform: rotate(75deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-55 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-75deg);
+ -ms-transform: rotate(-75deg);
+ transform: rotate(-75deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-56 {
-webkit-transform: rotate(78deg);
-ms-transform: rotate(78deg);
transform: rotate(78deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-28 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-56 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-78deg);
-ms-transform: rotate(-78deg);
transform: rotate(-78deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-29 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-57 {
+ -webkit-transform: rotate(81deg);
+ -ms-transform: rotate(81deg);
+ transform: rotate(81deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-57 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-81deg);
+ -ms-transform: rotate(-81deg);
+ transform: rotate(-81deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-58 {
-webkit-transform: rotate(84deg);
-ms-transform: rotate(84deg);
transform: rotate(84deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-29 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-58 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-84deg);
-ms-transform: rotate(-84deg);
transform: rotate(-84deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-30 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-59 {
+ -webkit-transform: rotate(87deg);
+ -ms-transform: rotate(87deg);
+ transform: rotate(87deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-59 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-87deg);
+ -ms-transform: rotate(-87deg);
+ transform: rotate(-87deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-60 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-30 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-60 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-31 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-61 {
+ -webkit-transform: rotate(93deg);
+ -ms-transform: rotate(93deg);
+ transform: rotate(93deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-61 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-93deg);
+ -ms-transform: rotate(-93deg);
+ transform: rotate(-93deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-62 {
-webkit-transform: rotate(96deg);
-ms-transform: rotate(96deg);
transform: rotate(96deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-31 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-62 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-96deg);
-ms-transform: rotate(-96deg);
transform: rotate(-96deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-32 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-63 {
+ -webkit-transform: rotate(99deg);
+ -ms-transform: rotate(99deg);
+ transform: rotate(99deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-63 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-99deg);
+ -ms-transform: rotate(-99deg);
+ transform: rotate(-99deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-64 {
-webkit-transform: rotate(102deg);
-ms-transform: rotate(102deg);
transform: rotate(102deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-32 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-64 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-102deg);
-ms-transform: rotate(-102deg);
transform: rotate(-102deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-33 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-65 {
+ -webkit-transform: rotate(105deg);
+ -ms-transform: rotate(105deg);
+ transform: rotate(105deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-65 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-105deg);
+ -ms-transform: rotate(-105deg);
+ transform: rotate(-105deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-66 {
-webkit-transform: rotate(108deg);
-ms-transform: rotate(108deg);
transform: rotate(108deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-33 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-66 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-108deg);
-ms-transform: rotate(-108deg);
transform: rotate(-108deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-34 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-67 {
+ -webkit-transform: rotate(111deg);
+ -ms-transform: rotate(111deg);
+ transform: rotate(111deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-67 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-111deg);
+ -ms-transform: rotate(-111deg);
+ transform: rotate(-111deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-68 {
-webkit-transform: rotate(114deg);
-ms-transform: rotate(114deg);
transform: rotate(114deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-34 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-68 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-114deg);
-ms-transform: rotate(-114deg);
transform: rotate(-114deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-35 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-69 {
+ -webkit-transform: rotate(117deg);
+ -ms-transform: rotate(117deg);
+ transform: rotate(117deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-69 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-117deg);
+ -ms-transform: rotate(-117deg);
+ transform: rotate(-117deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-70 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-35 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-70 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-120deg);
-ms-transform: rotate(-120deg);
transform: rotate(-120deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-36 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-71 {
+ -webkit-transform: rotate(123deg);
+ -ms-transform: rotate(123deg);
+ transform: rotate(123deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-71 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-123deg);
+ -ms-transform: rotate(-123deg);
+ transform: rotate(-123deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-72 {
-webkit-transform: rotate(126deg);
-ms-transform: rotate(126deg);
transform: rotate(126deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-36 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-72 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-126deg);
-ms-transform: rotate(-126deg);
transform: rotate(-126deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-37 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-73 {
+ -webkit-transform: rotate(129deg);
+ -ms-transform: rotate(129deg);
+ transform: rotate(129deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-73 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-129deg);
+ -ms-transform: rotate(-129deg);
+ transform: rotate(-129deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-74 {
-webkit-transform: rotate(132deg);
-ms-transform: rotate(132deg);
transform: rotate(132deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-37 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-74 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-132deg);
-ms-transform: rotate(-132deg);
transform: rotate(-132deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-38 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-75 {
+ -webkit-transform: rotate(135deg);
+ -ms-transform: rotate(135deg);
+ transform: rotate(135deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-75 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-135deg);
+ -ms-transform: rotate(-135deg);
+ transform: rotate(-135deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-76 {
-webkit-transform: rotate(138deg);
-ms-transform: rotate(138deg);
transform: rotate(138deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-38 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-76 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-138deg);
-ms-transform: rotate(-138deg);
transform: rotate(-138deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-39 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-77 {
+ -webkit-transform: rotate(141deg);
+ -ms-transform: rotate(141deg);
+ transform: rotate(141deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-77 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-141deg);
+ -ms-transform: rotate(-141deg);
+ transform: rotate(-141deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-78 {
-webkit-transform: rotate(144deg);
-ms-transform: rotate(144deg);
transform: rotate(144deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-39 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-78 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-144deg);
-ms-transform: rotate(-144deg);
transform: rotate(-144deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-40 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-79 {
+ -webkit-transform: rotate(147deg);
+ -ms-transform: rotate(147deg);
+ transform: rotate(147deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-79 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-147deg);
+ -ms-transform: rotate(-147deg);
+ transform: rotate(-147deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-80 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-40 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-80 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-150deg);
-ms-transform: rotate(-150deg);
transform: rotate(-150deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-41 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-81 {
+ -webkit-transform: rotate(153deg);
+ -ms-transform: rotate(153deg);
+ transform: rotate(153deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-81 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-153deg);
+ -ms-transform: rotate(-153deg);
+ transform: rotate(-153deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-82 {
-webkit-transform: rotate(156deg);
-ms-transform: rotate(156deg);
transform: rotate(156deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-41 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-82 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-156deg);
-ms-transform: rotate(-156deg);
transform: rotate(-156deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-42 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-83 {
+ -webkit-transform: rotate(159deg);
+ -ms-transform: rotate(159deg);
+ transform: rotate(159deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-83 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-159deg);
+ -ms-transform: rotate(-159deg);
+ transform: rotate(-159deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-84 {
-webkit-transform: rotate(162deg);
-ms-transform: rotate(162deg);
transform: rotate(162deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-42 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-84 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-162deg);
-ms-transform: rotate(-162deg);
transform: rotate(-162deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-43 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-85 {
+ -webkit-transform: rotate(165deg);
+ -ms-transform: rotate(165deg);
+ transform: rotate(165deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-85 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-165deg);
+ -ms-transform: rotate(-165deg);
+ transform: rotate(-165deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-86 {
-webkit-transform: rotate(168deg);
-ms-transform: rotate(168deg);
transform: rotate(168deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-43 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-86 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-168deg);
-ms-transform: rotate(-168deg);
transform: rotate(-168deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-44 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-87 {
+ -webkit-transform: rotate(171deg);
+ -ms-transform: rotate(171deg);
+ transform: rotate(171deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-87 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-171deg);
+ -ms-transform: rotate(-171deg);
+ transform: rotate(-171deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-88 {
-webkit-transform: rotate(174deg);
-ms-transform: rotate(174deg);
transform: rotate(174deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-44 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-88 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-174deg);
-ms-transform: rotate(-174deg);
transform: rotate(-174deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-45 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-89 {
+ -webkit-transform: rotate(177deg);
+ -ms-transform: rotate(177deg);
+ transform: rotate(177deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-89 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-177deg);
+ -ms-transform: rotate(-177deg);
+ transform: rotate(-177deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-90 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-45 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-90 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-46 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-91 {
+ -webkit-transform: rotate(183deg);
+ -ms-transform: rotate(183deg);
+ transform: rotate(183deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-91 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-183deg);
+ -ms-transform: rotate(-183deg);
+ transform: rotate(-183deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-92 {
-webkit-transform: rotate(186deg);
-ms-transform: rotate(186deg);
transform: rotate(186deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-46 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-92 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-186deg);
-ms-transform: rotate(-186deg);
transform: rotate(-186deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-47 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-93 {
+ -webkit-transform: rotate(189deg);
+ -ms-transform: rotate(189deg);
+ transform: rotate(189deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-93 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-189deg);
+ -ms-transform: rotate(-189deg);
+ transform: rotate(-189deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-94 {
-webkit-transform: rotate(192deg);
-ms-transform: rotate(192deg);
transform: rotate(192deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-47 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-94 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-192deg);
-ms-transform: rotate(-192deg);
transform: rotate(-192deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-48 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-95 {
+ -webkit-transform: rotate(195deg);
+ -ms-transform: rotate(195deg);
+ transform: rotate(195deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-95 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-195deg);
+ -ms-transform: rotate(-195deg);
+ transform: rotate(-195deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-96 {
-webkit-transform: rotate(198deg);
-ms-transform: rotate(198deg);
transform: rotate(198deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-48 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-96 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-198deg);
-ms-transform: rotate(-198deg);
transform: rotate(-198deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-49 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-97 {
+ -webkit-transform: rotate(201deg);
+ -ms-transform: rotate(201deg);
+ transform: rotate(201deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-97 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-201deg);
+ -ms-transform: rotate(-201deg);
+ transform: rotate(-201deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-98 {
-webkit-transform: rotate(204deg);
-ms-transform: rotate(204deg);
transform: rotate(204deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-49 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-98 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-204deg);
-ms-transform: rotate(-204deg);
transform: rotate(-204deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-50 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-99 {
+ -webkit-transform: rotate(207deg);
+ -ms-transform: rotate(207deg);
+ transform: rotate(207deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-99 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-207deg);
+ -ms-transform: rotate(-207deg);
+ transform: rotate(-207deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-100 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-50 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-100 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-210deg);
-ms-transform: rotate(-210deg);
transform: rotate(-210deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-51 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-101 {
+ -webkit-transform: rotate(213deg);
+ -ms-transform: rotate(213deg);
+ transform: rotate(213deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-101 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-213deg);
+ -ms-transform: rotate(-213deg);
+ transform: rotate(-213deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-102 {
-webkit-transform: rotate(216deg);
-ms-transform: rotate(216deg);
transform: rotate(216deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-51 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-102 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-216deg);
-ms-transform: rotate(-216deg);
transform: rotate(-216deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-52 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-103 {
+ -webkit-transform: rotate(219deg);
+ -ms-transform: rotate(219deg);
+ transform: rotate(219deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-103 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-219deg);
+ -ms-transform: rotate(-219deg);
+ transform: rotate(-219deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-104 {
-webkit-transform: rotate(222deg);
-ms-transform: rotate(222deg);
transform: rotate(222deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-52 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-104 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-222deg);
-ms-transform: rotate(-222deg);
transform: rotate(-222deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-53 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-105 {
+ -webkit-transform: rotate(225deg);
+ -ms-transform: rotate(225deg);
+ transform: rotate(225deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-105 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-225deg);
+ -ms-transform: rotate(-225deg);
+ transform: rotate(-225deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-106 {
-webkit-transform: rotate(228deg);
-ms-transform: rotate(228deg);
transform: rotate(228deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-53 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-106 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-228deg);
-ms-transform: rotate(-228deg);
transform: rotate(-228deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-54 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-107 {
+ -webkit-transform: rotate(231deg);
+ -ms-transform: rotate(231deg);
+ transform: rotate(231deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-107 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-231deg);
+ -ms-transform: rotate(-231deg);
+ transform: rotate(-231deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-108 {
-webkit-transform: rotate(234deg);
-ms-transform: rotate(234deg);
transform: rotate(234deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-54 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-108 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-234deg);
-ms-transform: rotate(-234deg);
transform: rotate(-234deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-55 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-109 {
+ -webkit-transform: rotate(237deg);
+ -ms-transform: rotate(237deg);
+ transform: rotate(237deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-109 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-237deg);
+ -ms-transform: rotate(-237deg);
+ transform: rotate(-237deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-110 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-55 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-110 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-240deg);
-ms-transform: rotate(-240deg);
transform: rotate(-240deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-56 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-111 {
+ -webkit-transform: rotate(243deg);
+ -ms-transform: rotate(243deg);
+ transform: rotate(243deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-111 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-243deg);
+ -ms-transform: rotate(-243deg);
+ transform: rotate(-243deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-112 {
-webkit-transform: rotate(246deg);
-ms-transform: rotate(246deg);
transform: rotate(246deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-56 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-112 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-246deg);
-ms-transform: rotate(-246deg);
transform: rotate(-246deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-57 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-113 {
+ -webkit-transform: rotate(249deg);
+ -ms-transform: rotate(249deg);
+ transform: rotate(249deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-113 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-249deg);
+ -ms-transform: rotate(-249deg);
+ transform: rotate(-249deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-114 {
-webkit-transform: rotate(252deg);
-ms-transform: rotate(252deg);
transform: rotate(252deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-57 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-114 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-252deg);
-ms-transform: rotate(-252deg);
transform: rotate(-252deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-58 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-115 {
+ -webkit-transform: rotate(255deg);
+ -ms-transform: rotate(255deg);
+ transform: rotate(255deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-115 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-255deg);
+ -ms-transform: rotate(-255deg);
+ transform: rotate(-255deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-116 {
-webkit-transform: rotate(258deg);
-ms-transform: rotate(258deg);
transform: rotate(258deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-58 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-116 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-258deg);
-ms-transform: rotate(-258deg);
transform: rotate(-258deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-59 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-117 {
+ -webkit-transform: rotate(261deg);
+ -ms-transform: rotate(261deg);
+ transform: rotate(261deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-117 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-261deg);
+ -ms-transform: rotate(-261deg);
+ transform: rotate(-261deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-118 {
-webkit-transform: rotate(264deg);
-ms-transform: rotate(264deg);
transform: rotate(264deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-59 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-118 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-264deg);
-ms-transform: rotate(-264deg);
transform: rotate(-264deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-60 {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-119 {
+ -webkit-transform: rotate(267deg);
+ -ms-transform: rotate(267deg);
+ transform: rotate(267deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-119 span:not(.mddtp-picker__line) {
+ -webkit-transform: rotate(-267deg);
+ -ms-transform: rotate(-267deg);
+ transform: rotate(-267deg); }
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-120 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
- .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-60 span:not(.mddtp-picker__line) {
+ .mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-120 span:not(.mddtp-picker__line) {
-webkit-transform: rotate(-270deg);
-ms-transform: rotate(-270deg);
transform: rotate(-270deg); }
diff --git a/dist/css/component.min.css b/dist/css/component.min.css
index 5d1403b..57ec651 100644
--- a/dist/css/component.min.css
+++ b/dist/css/component.min.css
@@ -1 +1 @@
-.mddtp-button,.mddtp-picker{font-family:Roboto,Helvetica,Arial,sans-serif!important}.mddtp-button{height:36px;min-width:64px;border:none;background-color:transparent;border-radius:3px;display:inline-block;padding:0 8px;margin-right:8px;font-size:15px;text-transform:uppercase;outline:0;cursor:pointer;color:#009688;-webkit-appearance:button;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0)}.mddtp-button:focus,.mddtp-button:hover{background-color:#e0e0e0}.mddtp-button:active{background-color:#bdbdbd}.mddtp-button:disabled{color:rgba(0,0,0,.26);cursor:not-allowed}.mddtp-picker{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);min-width:280px;position:fixed;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;display:table;border-radius:3px;overflow:hidden}.mddtp-picker .mddtp-picker__header{width:100px;background-color:#009688;padding:24px 24px 20px}.mddtp-picker .mddtp-picker__header .mddtp-picker__title{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:28px;font-weight:700}.mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle{font-weight:400;font-size:16px;line-height:20px}.mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle,.mddtp-picker .mddtp-picker__header .mddtp-picker__title{color:rgba(255,255,255,.7);margin:0;cursor:pointer}.mddtp-picker .mddtp-picker__header .mddtp-picker__color--active{color:#fff}.mddtp-picker .mddtp-picker__body{position:relative;background-color:#fff}.mddtp-picker .mddtp-picker__body .mddtp-picker__action{margin-top:24px;padding:8px 0;text-align:right}.mddtp-picker .mddtp-picker__body,.mddtp-picker .mddtp-picker__header{display:table-cell;vertical-align:top;height:100%}.mddtp-picker-date .mddtp-picker__left{background:url(../images/ic_keyboard_arrow_left_black_24px.svg);left:4px}.mddtp-picker-date .mddtp-picker__right{background:url(../images/ic_keyboard_arrow_right_black_24px.svg);right:4px}.mddtp-picker-date .mddtp-picker__left,.mddtp-picker-date .mddtp-picker__right{position:absolute;background-repeat:no-repeat;background-position:center;margin:0;height:48px;width:48px;min-width:48px;top:4px;border-radius:50%}.mddtp-picker-date .mddtp-picker__left:focus,.mddtp-picker-date .mddtp-picker__left:hover,.mddtp-picker-date .mddtp-picker__right:focus,.mddtp-picker-date .mddtp-picker__right:hover{background-color:#e0e0e0}.mddtp-picker-date .mddtp-picker__left:active,.mddtp-picker-date .mddtp-picker__right:active{background-color:#bdbdbd}.mddtp-picker-date .mddtp-picker__left:disabled,.mddtp-picker-date .mddtp-picker__right:disabled{background-repeat:no-repeat;background-position:center}.mddtp-picker-date .mddtp-picker__left:disabled{background-image:url(../images/ic_keyboard_arrow_left_black_disabled_24px.svg)}.mddtp-picker-date .mddtp-picker__right:disabled{background-image:url(../images/ic_keyboard_arrow_right_black_disabled_24px.svg)}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder{width:314px;overflow:hidden}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__views{list-style:none;margin:0;padding:0;font-size:0;width:2000px}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view{display:inline-block;width:314px;text-align:center;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);transition:.3s cubic-bezier(.42,0,.58,1)}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view .mddtp-picker__month{display:inline-block;padding:18px;font-size:13px;font-weight:600;color:rgba(0,0,0,.87)}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--left{-webkit-transform:translate3d(-200%,0,0);transform:translate3d(-200%,0,0)}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--pause{transition:none}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid{padding:8px 14px 0}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span{display:inline-block;font-size:13px;margin:2px;color:rgba(0,0,0,.87);border-radius:50%;width:36px;height:36px;line-height:36px;vertical-align:middle}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--today{color:#009688;font-weight:600}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--selected{background-color:#009688;color:#fff}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--disabled{color:rgba(0,0,0,.26);cursor:not-allowed}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr{padding:2px 0}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__cell{pointer-events:all;cursor:pointer}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__th span{color:rgba(0,0,0,.54)}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__years{position:absolute;left:0;top:0;list-style:none;margin:0;padding:0;width:100%;height:calc(100% - 52px);text-align:center;overflow:auto}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__years li{font-size:16px;padding:8px 0;color:rgba(0,0,0,.87);cursor:pointer}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__years .mddtp-picker__li--current{font-size:21px;color:#009688}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__years--invisible{display:none}.mddtp-picker-time .mddtp-picker__header{vertical-align:middle;width:125px}.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title{text-align:right;font-size:0}.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title span{font-size:45px;font-weight:400;line-height:48px;margin:0 2px}.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle{margin-top:8px;text-align:center}.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle div{margin-top:2px}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder{position:relative;width:250px;height:250px;margin:20px;border-radius:50%;background-color:#eee}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__circularView{position:absolute;width:100%;height:100%}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__circularView .mddtp-picker__cell{position:absolute;width:50%;top:calc(50% - 18px);left:50%;text-align:right;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__circularView .mddtp-picker__cell span{display:inline-block;cursor:pointer;font-size:13px;color:rgba(0,0,0,.87);border-radius:50%;width:36px;height:36px;line-height:36px;text-align:center;margin-right:8px}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__circularView .mddtp-picker__cell--selected span{color:#fff}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__circularView--hidden{display:none}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__circle--fake{position:absolute;border-radius:50%;height:36px;width:36px;cursor:move;cursor:grab;cursor:-webkit-grab}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__circle--fake.is-pointer-down,.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__circle--fake:active{cursor:grabbing;cursor:-webkit-grabbing}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__selection{position:absolute;left:50%;top:calc(50% - 18px);width:50%;font-size:0;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;transition:.3s cubic-bezier(.42,0,.58,1)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__selection span{display:inline-block;background-color:#009688;height:2px;vertical-align:middle}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__selection span.mddtp-picker__dot{width:8px;height:8px;border-radius:50%}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__selection span.mddtp-picker__line{width:calc(100% - 52px)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__selection span.mddtp-picker__circle{border-radius:50%;height:36px;width:36px}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__selection--quick{transition:none}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-1{-webkit-transform:rotate(-84deg);-ms-transform:rotate(-84deg);transform:rotate(-84deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-1 span:not(.mddtp-picker__line){-webkit-transform:rotate(84deg);-ms-transform:rotate(84deg);transform:rotate(84deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-2{-webkit-transform:rotate(-78deg);-ms-transform:rotate(-78deg);transform:rotate(-78deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-2 span:not(.mddtp-picker__line){-webkit-transform:rotate(78deg);-ms-transform:rotate(78deg);transform:rotate(78deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-3{-webkit-transform:rotate(-72deg);-ms-transform:rotate(-72deg);transform:rotate(-72deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-3 span:not(.mddtp-picker__line){-webkit-transform:rotate(72deg);-ms-transform:rotate(72deg);transform:rotate(72deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-4{-webkit-transform:rotate(-66deg);-ms-transform:rotate(-66deg);transform:rotate(-66deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-4 span:not(.mddtp-picker__line){-webkit-transform:rotate(66deg);-ms-transform:rotate(66deg);transform:rotate(66deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-5{-webkit-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-5 span:not(.mddtp-picker__line){-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-6{-webkit-transform:rotate(-54deg);-ms-transform:rotate(-54deg);transform:rotate(-54deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-6 span:not(.mddtp-picker__line){-webkit-transform:rotate(54deg);-ms-transform:rotate(54deg);transform:rotate(54deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-7{-webkit-transform:rotate(-48deg);-ms-transform:rotate(-48deg);transform:rotate(-48deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-7 span:not(.mddtp-picker__line){-webkit-transform:rotate(48deg);-ms-transform:rotate(48deg);transform:rotate(48deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-8{-webkit-transform:rotate(-42deg);-ms-transform:rotate(-42deg);transform:rotate(-42deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-8 span:not(.mddtp-picker__line){-webkit-transform:rotate(42deg);-ms-transform:rotate(42deg);transform:rotate(42deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-9{-webkit-transform:rotate(-36deg);-ms-transform:rotate(-36deg);transform:rotate(-36deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-9 span:not(.mddtp-picker__line){-webkit-transform:rotate(36deg);-ms-transform:rotate(36deg);transform:rotate(36deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-10{-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);transform:rotate(-30deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-10 span:not(.mddtp-picker__line){-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-11{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-11 span:not(.mddtp-picker__line){-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-12{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-12 span:not(.mddtp-picker__line){-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-13{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-13 span:not(.mddtp-picker__line){-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-14{-webkit-transform:rotate(-6deg);-ms-transform:rotate(-6deg);transform:rotate(-6deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-14 span:not(.mddtp-picker__line){-webkit-transform:rotate(6deg);-ms-transform:rotate(6deg);transform:rotate(6deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-15,.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-15 span:not(.mddtp-picker__line){-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-16{-webkit-transform:rotate(6deg);-ms-transform:rotate(6deg);transform:rotate(6deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-16 span:not(.mddtp-picker__line){-webkit-transform:rotate(-6deg);-ms-transform:rotate(-6deg);transform:rotate(-6deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-17{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-17 span:not(.mddtp-picker__line){-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-18{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-18 span:not(.mddtp-picker__line){-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-19{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-19 span:not(.mddtp-picker__line){-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-20{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-20 span:not(.mddtp-picker__line){-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);transform:rotate(-30deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-21{-webkit-transform:rotate(36deg);-ms-transform:rotate(36deg);transform:rotate(36deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-21 span:not(.mddtp-picker__line){-webkit-transform:rotate(-36deg);-ms-transform:rotate(-36deg);transform:rotate(-36deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-22{-webkit-transform:rotate(42deg);-ms-transform:rotate(42deg);transform:rotate(42deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-22 span:not(.mddtp-picker__line){-webkit-transform:rotate(-42deg);-ms-transform:rotate(-42deg);transform:rotate(-42deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-23{-webkit-transform:rotate(48deg);-ms-transform:rotate(48deg);transform:rotate(48deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-23 span:not(.mddtp-picker__line){-webkit-transform:rotate(-48deg);-ms-transform:rotate(-48deg);transform:rotate(-48deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-24{-webkit-transform:rotate(54deg);-ms-transform:rotate(54deg);transform:rotate(54deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-24 span:not(.mddtp-picker__line){-webkit-transform:rotate(-54deg);-ms-transform:rotate(-54deg);transform:rotate(-54deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-25{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-25 span:not(.mddtp-picker__line){-webkit-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-26{-webkit-transform:rotate(66deg);-ms-transform:rotate(66deg);transform:rotate(66deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-26 span:not(.mddtp-picker__line){-webkit-transform:rotate(-66deg);-ms-transform:rotate(-66deg);transform:rotate(-66deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-27{-webkit-transform:rotate(72deg);-ms-transform:rotate(72deg);transform:rotate(72deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-27 span:not(.mddtp-picker__line){-webkit-transform:rotate(-72deg);-ms-transform:rotate(-72deg);transform:rotate(-72deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-28{-webkit-transform:rotate(78deg);-ms-transform:rotate(78deg);transform:rotate(78deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-28 span:not(.mddtp-picker__line){-webkit-transform:rotate(-78deg);-ms-transform:rotate(-78deg);transform:rotate(-78deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-29{-webkit-transform:rotate(84deg);-ms-transform:rotate(84deg);transform:rotate(84deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-29 span:not(.mddtp-picker__line){-webkit-transform:rotate(-84deg);-ms-transform:rotate(-84deg);transform:rotate(-84deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-30{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-30 span:not(.mddtp-picker__line){-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-31{-webkit-transform:rotate(96deg);-ms-transform:rotate(96deg);transform:rotate(96deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-31 span:not(.mddtp-picker__line){-webkit-transform:rotate(-96deg);-ms-transform:rotate(-96deg);transform:rotate(-96deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-32{-webkit-transform:rotate(102deg);-ms-transform:rotate(102deg);transform:rotate(102deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-32 span:not(.mddtp-picker__line){-webkit-transform:rotate(-102deg);-ms-transform:rotate(-102deg);transform:rotate(-102deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-33{-webkit-transform:rotate(108deg);-ms-transform:rotate(108deg);transform:rotate(108deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-33 span:not(.mddtp-picker__line){-webkit-transform:rotate(-108deg);-ms-transform:rotate(-108deg);transform:rotate(-108deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-34{-webkit-transform:rotate(114deg);-ms-transform:rotate(114deg);transform:rotate(114deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-34 span:not(.mddtp-picker__line){-webkit-transform:rotate(-114deg);-ms-transform:rotate(-114deg);transform:rotate(-114deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-35{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-35 span:not(.mddtp-picker__line){-webkit-transform:rotate(-120deg);-ms-transform:rotate(-120deg);transform:rotate(-120deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-36{-webkit-transform:rotate(126deg);-ms-transform:rotate(126deg);transform:rotate(126deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-36 span:not(.mddtp-picker__line){-webkit-transform:rotate(-126deg);-ms-transform:rotate(-126deg);transform:rotate(-126deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-37{-webkit-transform:rotate(132deg);-ms-transform:rotate(132deg);transform:rotate(132deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-37 span:not(.mddtp-picker__line){-webkit-transform:rotate(-132deg);-ms-transform:rotate(-132deg);transform:rotate(-132deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-38{-webkit-transform:rotate(138deg);-ms-transform:rotate(138deg);transform:rotate(138deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-38 span:not(.mddtp-picker__line){-webkit-transform:rotate(-138deg);-ms-transform:rotate(-138deg);transform:rotate(-138deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-39{-webkit-transform:rotate(144deg);-ms-transform:rotate(144deg);transform:rotate(144deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-39 span:not(.mddtp-picker__line){-webkit-transform:rotate(-144deg);-ms-transform:rotate(-144deg);transform:rotate(-144deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-40{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-40 span:not(.mddtp-picker__line){-webkit-transform:rotate(-150deg);-ms-transform:rotate(-150deg);transform:rotate(-150deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-41{-webkit-transform:rotate(156deg);-ms-transform:rotate(156deg);transform:rotate(156deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-41 span:not(.mddtp-picker__line){-webkit-transform:rotate(-156deg);-ms-transform:rotate(-156deg);transform:rotate(-156deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-42{-webkit-transform:rotate(162deg);-ms-transform:rotate(162deg);transform:rotate(162deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-42 span:not(.mddtp-picker__line){-webkit-transform:rotate(-162deg);-ms-transform:rotate(-162deg);transform:rotate(-162deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-43{-webkit-transform:rotate(168deg);-ms-transform:rotate(168deg);transform:rotate(168deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-43 span:not(.mddtp-picker__line){-webkit-transform:rotate(-168deg);-ms-transform:rotate(-168deg);transform:rotate(-168deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-44{-webkit-transform:rotate(174deg);-ms-transform:rotate(174deg);transform:rotate(174deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-44 span:not(.mddtp-picker__line){-webkit-transform:rotate(-174deg);-ms-transform:rotate(-174deg);transform:rotate(-174deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-45{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-45 span:not(.mddtp-picker__line){-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-46{-webkit-transform:rotate(186deg);-ms-transform:rotate(186deg);transform:rotate(186deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-46 span:not(.mddtp-picker__line){-webkit-transform:rotate(-186deg);-ms-transform:rotate(-186deg);transform:rotate(-186deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-47{-webkit-transform:rotate(192deg);-ms-transform:rotate(192deg);transform:rotate(192deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-47 span:not(.mddtp-picker__line){-webkit-transform:rotate(-192deg);-ms-transform:rotate(-192deg);transform:rotate(-192deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-48{-webkit-transform:rotate(198deg);-ms-transform:rotate(198deg);transform:rotate(198deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-48 span:not(.mddtp-picker__line){-webkit-transform:rotate(-198deg);-ms-transform:rotate(-198deg);transform:rotate(-198deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-49{-webkit-transform:rotate(204deg);-ms-transform:rotate(204deg);transform:rotate(204deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-49 span:not(.mddtp-picker__line){-webkit-transform:rotate(-204deg);-ms-transform:rotate(-204deg);transform:rotate(-204deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-50{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-50 span:not(.mddtp-picker__line){-webkit-transform:rotate(-210deg);-ms-transform:rotate(-210deg);transform:rotate(-210deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-51{-webkit-transform:rotate(216deg);-ms-transform:rotate(216deg);transform:rotate(216deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-51 span:not(.mddtp-picker__line){-webkit-transform:rotate(-216deg);-ms-transform:rotate(-216deg);transform:rotate(-216deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-52{-webkit-transform:rotate(222deg);-ms-transform:rotate(222deg);transform:rotate(222deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-52 span:not(.mddtp-picker__line){-webkit-transform:rotate(-222deg);-ms-transform:rotate(-222deg);transform:rotate(-222deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-53{-webkit-transform:rotate(228deg);-ms-transform:rotate(228deg);transform:rotate(228deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-53 span:not(.mddtp-picker__line){-webkit-transform:rotate(-228deg);-ms-transform:rotate(-228deg);transform:rotate(-228deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-54{-webkit-transform:rotate(234deg);-ms-transform:rotate(234deg);transform:rotate(234deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-54 span:not(.mddtp-picker__line){-webkit-transform:rotate(-234deg);-ms-transform:rotate(-234deg);transform:rotate(-234deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-55{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-55 span:not(.mddtp-picker__line){-webkit-transform:rotate(-240deg);-ms-transform:rotate(-240deg);transform:rotate(-240deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-56{-webkit-transform:rotate(246deg);-ms-transform:rotate(246deg);transform:rotate(246deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-56 span:not(.mddtp-picker__line){-webkit-transform:rotate(-246deg);-ms-transform:rotate(-246deg);transform:rotate(-246deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-57{-webkit-transform:rotate(252deg);-ms-transform:rotate(252deg);transform:rotate(252deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-57 span:not(.mddtp-picker__line){-webkit-transform:rotate(-252deg);-ms-transform:rotate(-252deg);transform:rotate(-252deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-58{-webkit-transform:rotate(258deg);-ms-transform:rotate(258deg);transform:rotate(258deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-58 span:not(.mddtp-picker__line){-webkit-transform:rotate(-258deg);-ms-transform:rotate(-258deg);transform:rotate(-258deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-59{-webkit-transform:rotate(264deg);-ms-transform:rotate(264deg);transform:rotate(264deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-59 span:not(.mddtp-picker__line){-webkit-transform:rotate(-264deg);-ms-transform:rotate(-264deg);transform:rotate(-264deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-60{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-60 span:not(.mddtp-picker__line){-webkit-transform:rotate(-270deg);-ms-transform:rotate(-270deg);transform:rotate(-270deg)}.mddtp-picker.zoomIn,.mddtp-picker__viewHolder.zoomIn,.mddtp-picker__years.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}.mddtp-picker.zoomOut,.mddtp-picker__viewHolder.zoomOut,.mddtp-picker__years.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}.mddtp-picker.animated,.mddtp-picker__viewHolder.animated,.mddtp-picker__years.animated{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(.42,0,.58,1);animation-timing-function:cubic-bezier(.42,0,.58,1);-webkit-animation-fill-mode:both;animation-fill-mode:both}@media screen and (max-device-width:425px) and (orientation:portrait){.mddtp-picker{display:block}.mddtp-picker .md-picker__header .md-picker__subtitle,.mddtp-picker .md-picker__header .md-picker__title{margin:0}.mddtp-picker .md-picker__header .md-picker__title span{display:inline-block}.mddtp-picker .md-picker__body,.mddtp-picker .md-picker__header{display:block;height:100%;width:100%}}@media screen and (max-width:415px){.mddtp-picker{display:block}.mddtp-picker .md-picker__header .md-picker__subtitle,.mddtp-picker .md-picker__header .md-picker__title{margin:0}.mddtp-picker .md-picker__header .md-picker__title span{display:inline-block}.mddtp-picker .md-picker__body,.mddtp-picker .md-picker__header{display:block;height:100%;width:100%}}.mddtp-picker--portrait{display:block}.mddtp-picker--portrait .md-picker__header .md-picker__subtitle,.mddtp-picker--portrait .md-picker__header .md-picker__title{margin:0}.mddtp-picker--portrait .md-picker__header .md-picker__title span{display:inline-block}.mddtp-picker--portrait .md-picker__body,.mddtp-picker--portrait .md-picker__header{display:block;height:100%;width:100%}.mddtp-picker--inactive{display:none}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}
\ No newline at end of file
+.mddtp-button,.mddtp-picker{font-family:Roboto,Helvetica,Arial,sans-serif!important}.mddtp-button{height:36px;min-width:64px;border:none;background-color:transparent;border-radius:3px;display:inline-block;padding:0 8px;margin-right:8px;font-size:15px;text-transform:uppercase;outline:0;cursor:pointer;color:#009688;-webkit-appearance:button;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0)}.mddtp-button:focus,.mddtp-button:hover{background-color:#e0e0e0}.mddtp-button:active{background-color:#bdbdbd}.mddtp-button:disabled{color:rgba(0,0,0,.26);cursor:not-allowed}.mddtp-picker{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);min-width:280px;position:fixed;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;display:table;border-radius:3px;overflow:hidden}.mddtp-picker .mddtp-picker__header{width:100px;background-color:#009688;padding:24px 24px 20px}.mddtp-picker .mddtp-picker__header .mddtp-picker__title{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:28px;font-weight:700}.mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle{font-weight:400;font-size:16px;line-height:20px}.mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle,.mddtp-picker .mddtp-picker__header .mddtp-picker__title{color:rgba(255,255,255,.7);margin:0;cursor:pointer}.mddtp-picker .mddtp-picker__header .mddtp-picker__color--active{color:#fff}.mddtp-picker .mddtp-picker__body{position:relative;background-color:#fff}.mddtp-picker .mddtp-picker__body .mddtp-picker__action{margin-top:24px;padding:8px 0;text-align:right}.mddtp-picker .mddtp-picker__body,.mddtp-picker .mddtp-picker__header{display:table-cell;vertical-align:top;height:100%}.mddtp-picker-date .mddtp-picker__left{background:url(../images/ic_keyboard_arrow_left_black_24px.svg);left:4px}.mddtp-picker-date .mddtp-picker__right{background:url(../images/ic_keyboard_arrow_right_black_24px.svg);right:4px}.mddtp-picker-date .mddtp-picker__left,.mddtp-picker-date .mddtp-picker__right{position:absolute;background-repeat:no-repeat;background-position:center;margin:0;height:48px;width:48px;min-width:48px;top:4px;border-radius:50%}.mddtp-picker-date .mddtp-picker__left:focus,.mddtp-picker-date .mddtp-picker__left:hover,.mddtp-picker-date .mddtp-picker__right:focus,.mddtp-picker-date .mddtp-picker__right:hover{background-color:#e0e0e0}.mddtp-picker-date .mddtp-picker__left:active,.mddtp-picker-date .mddtp-picker__right:active{background-color:#bdbdbd}.mddtp-picker-date .mddtp-picker__left:disabled,.mddtp-picker-date .mddtp-picker__right:disabled{background-repeat:no-repeat;background-position:center}.mddtp-picker-date .mddtp-picker__left:disabled{background-image:url(../images/ic_keyboard_arrow_left_black_disabled_24px.svg)}.mddtp-picker-date .mddtp-picker__right:disabled{background-image:url(../images/ic_keyboard_arrow_right_black_disabled_24px.svg)}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder{width:314px;overflow:hidden}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__views{list-style:none;margin:0;padding:0;font-size:0;width:2000px}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view{display:inline-block;width:314px;text-align:center;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);transition:.3s cubic-bezier(.42,0,.58,1)}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view .mddtp-picker__month{display:inline-block;padding:18px;font-size:13px;font-weight:600;color:rgba(0,0,0,.87)}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--left{-webkit-transform:translate3d(-200%,0,0);transform:translate3d(-200%,0,0)}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--pause{transition:none}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid{padding:8px 14px 0}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span{display:inline-block;font-size:13px;margin:2px;color:rgba(0,0,0,.87);border-radius:50%;width:36px;height:36px;line-height:36px;vertical-align:middle}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--today{color:#009688;font-weight:600}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--selected{background-color:#009688;color:#fff}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--disabled{color:rgba(0,0,0,.26);cursor:not-allowed}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr{padding:2px 0}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__cell{pointer-events:all;cursor:pointer}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__th span{color:rgba(0,0,0,.54)}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__years{position:absolute;left:0;top:0;list-style:none;margin:0;padding:0;width:100%;height:calc(100% - 52px);text-align:center;overflow:auto}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__years li{font-size:16px;padding:8px 0;color:rgba(0,0,0,.87);cursor:pointer}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__years .mddtp-picker__li--current{font-size:21px;color:#009688}.mddtp-picker-date .mddtp-picker__body .mddtp-picker__years--invisible{display:none}.mddtp-picker-time .mddtp-picker__header{vertical-align:middle;width:125px}.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title{text-align:right;font-size:0}.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title span{font-size:45px;font-weight:400;line-height:48px;margin:0 2px}.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle{margin-top:8px;text-align:center}.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle div{margin-top:2px}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder{position:relative;width:250px;height:250px;margin:20px;border-radius:50%;background-color:#eee}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__circularView{position:absolute;width:100%;height:100%}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__circularView .mddtp-picker__cell{position:absolute;width:50%;top:calc(50% - 18px);left:50%;text-align:right;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__circularView .mddtp-picker__cell span{display:inline-block;cursor:pointer;font-size:13px;color:rgba(0,0,0,.87);border-radius:50%;width:36px;height:36px;line-height:36px;text-align:center;margin-right:8px}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__circularView .mddtp-picker__cell--selected span{color:#fff}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__circularView--hidden{display:none}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__circle--fake{position:absolute;border-radius:50%;height:36px;width:36px;cursor:move;cursor:grab;cursor:-webkit-grab}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__circle--fake.is-pointer-down,.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__circle--fake:active{cursor:grabbing;cursor:-webkit-grabbing}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__selection{position:absolute;left:50%;top:calc(50% - 18px);width:50%;font-size:0;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;transition:.3s cubic-bezier(.42,0,.58,1)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__selection span{display:inline-block;background-color:#009688;height:2px;vertical-align:middle}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__selection span.mddtp-picker__dot{width:8px;height:8px;border-radius:50%}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__selection span.mddtp-picker__line{width:calc(100% - 52px)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__selection span.mddtp-picker__circle{border-radius:50%;height:36px;width:36px}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__selection--quick{transition:none}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-1{-webkit-transform:rotate(-87deg);-ms-transform:rotate(-87deg);transform:rotate(-87deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-1 span:not(.mddtp-picker__line){-webkit-transform:rotate(87deg);-ms-transform:rotate(87deg);transform:rotate(87deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-2{-webkit-transform:rotate(-84deg);-ms-transform:rotate(-84deg);transform:rotate(-84deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-2 span:not(.mddtp-picker__line){-webkit-transform:rotate(84deg);-ms-transform:rotate(84deg);transform:rotate(84deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-3{-webkit-transform:rotate(-81deg);-ms-transform:rotate(-81deg);transform:rotate(-81deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-3 span:not(.mddtp-picker__line){-webkit-transform:rotate(81deg);-ms-transform:rotate(81deg);transform:rotate(81deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-4{-webkit-transform:rotate(-78deg);-ms-transform:rotate(-78deg);transform:rotate(-78deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-4 span:not(.mddtp-picker__line){-webkit-transform:rotate(78deg);-ms-transform:rotate(78deg);transform:rotate(78deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-5{-webkit-transform:rotate(-75deg);-ms-transform:rotate(-75deg);transform:rotate(-75deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-5 span:not(.mddtp-picker__line){-webkit-transform:rotate(75deg);-ms-transform:rotate(75deg);transform:rotate(75deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-6{-webkit-transform:rotate(-72deg);-ms-transform:rotate(-72deg);transform:rotate(-72deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-6 span:not(.mddtp-picker__line){-webkit-transform:rotate(72deg);-ms-transform:rotate(72deg);transform:rotate(72deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-7{-webkit-transform:rotate(-69deg);-ms-transform:rotate(-69deg);transform:rotate(-69deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-7 span:not(.mddtp-picker__line){-webkit-transform:rotate(69deg);-ms-transform:rotate(69deg);transform:rotate(69deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-8{-webkit-transform:rotate(-66deg);-ms-transform:rotate(-66deg);transform:rotate(-66deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-8 span:not(.mddtp-picker__line){-webkit-transform:rotate(66deg);-ms-transform:rotate(66deg);transform:rotate(66deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-9{-webkit-transform:rotate(-63deg);-ms-transform:rotate(-63deg);transform:rotate(-63deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-9 span:not(.mddtp-picker__line){-webkit-transform:rotate(63deg);-ms-transform:rotate(63deg);transform:rotate(63deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-10{-webkit-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-10 span:not(.mddtp-picker__line){-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-11{-webkit-transform:rotate(-57deg);-ms-transform:rotate(-57deg);transform:rotate(-57deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-11 span:not(.mddtp-picker__line){-webkit-transform:rotate(57deg);-ms-transform:rotate(57deg);transform:rotate(57deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-12{-webkit-transform:rotate(-54deg);-ms-transform:rotate(-54deg);transform:rotate(-54deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-12 span:not(.mddtp-picker__line){-webkit-transform:rotate(54deg);-ms-transform:rotate(54deg);transform:rotate(54deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-13{-webkit-transform:rotate(-51deg);-ms-transform:rotate(-51deg);transform:rotate(-51deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-13 span:not(.mddtp-picker__line){-webkit-transform:rotate(51deg);-ms-transform:rotate(51deg);transform:rotate(51deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-14{-webkit-transform:rotate(-48deg);-ms-transform:rotate(-48deg);transform:rotate(-48deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-14 span:not(.mddtp-picker__line){-webkit-transform:rotate(48deg);-ms-transform:rotate(48deg);transform:rotate(48deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-15{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-15 span:not(.mddtp-picker__line){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-16{-webkit-transform:rotate(-42deg);-ms-transform:rotate(-42deg);transform:rotate(-42deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-16 span:not(.mddtp-picker__line){-webkit-transform:rotate(42deg);-ms-transform:rotate(42deg);transform:rotate(42deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-17{-webkit-transform:rotate(-39deg);-ms-transform:rotate(-39deg);transform:rotate(-39deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-17 span:not(.mddtp-picker__line){-webkit-transform:rotate(39deg);-ms-transform:rotate(39deg);transform:rotate(39deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-18{-webkit-transform:rotate(-36deg);-ms-transform:rotate(-36deg);transform:rotate(-36deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-18 span:not(.mddtp-picker__line){-webkit-transform:rotate(36deg);-ms-transform:rotate(36deg);transform:rotate(36deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-19{-webkit-transform:rotate(-33deg);-ms-transform:rotate(-33deg);transform:rotate(-33deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-19 span:not(.mddtp-picker__line){-webkit-transform:rotate(33deg);-ms-transform:rotate(33deg);transform:rotate(33deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-20{-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);transform:rotate(-30deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-20 span:not(.mddtp-picker__line){-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-21{-webkit-transform:rotate(-27deg);-ms-transform:rotate(-27deg);transform:rotate(-27deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-21 span:not(.mddtp-picker__line){-webkit-transform:rotate(27deg);-ms-transform:rotate(27deg);transform:rotate(27deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-22{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-22 span:not(.mddtp-picker__line){-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-23{-webkit-transform:rotate(-21deg);-ms-transform:rotate(-21deg);transform:rotate(-21deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-23 span:not(.mddtp-picker__line){-webkit-transform:rotate(21deg);-ms-transform:rotate(21deg);transform:rotate(21deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-24{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-24 span:not(.mddtp-picker__line){-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-25{-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-25 span:not(.mddtp-picker__line){-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-26{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-26 span:not(.mddtp-picker__line){-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-27{-webkit-transform:rotate(-9deg);-ms-transform:rotate(-9deg);transform:rotate(-9deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-27 span:not(.mddtp-picker__line){-webkit-transform:rotate(9deg);-ms-transform:rotate(9deg);transform:rotate(9deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-28{-webkit-transform:rotate(-6deg);-ms-transform:rotate(-6deg);transform:rotate(-6deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-28 span:not(.mddtp-picker__line){-webkit-transform:rotate(6deg);-ms-transform:rotate(6deg);transform:rotate(6deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-29{-webkit-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-29 span:not(.mddtp-picker__line){-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-30,.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-30 span:not(.mddtp-picker__line){-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-31{-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-31 span:not(.mddtp-picker__line){-webkit-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-32{-webkit-transform:rotate(6deg);-ms-transform:rotate(6deg);transform:rotate(6deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-32 span:not(.mddtp-picker__line){-webkit-transform:rotate(-6deg);-ms-transform:rotate(-6deg);transform:rotate(-6deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-33{-webkit-transform:rotate(9deg);-ms-transform:rotate(9deg);transform:rotate(9deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-33 span:not(.mddtp-picker__line){-webkit-transform:rotate(-9deg);-ms-transform:rotate(-9deg);transform:rotate(-9deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-34{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-34 span:not(.mddtp-picker__line){-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-35{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-35 span:not(.mddtp-picker__line){-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-36{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-36 span:not(.mddtp-picker__line){-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-37{-webkit-transform:rotate(21deg);-ms-transform:rotate(21deg);transform:rotate(21deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-37 span:not(.mddtp-picker__line){-webkit-transform:rotate(-21deg);-ms-transform:rotate(-21deg);transform:rotate(-21deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-38{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-38 span:not(.mddtp-picker__line){-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-39{-webkit-transform:rotate(27deg);-ms-transform:rotate(27deg);transform:rotate(27deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-39 span:not(.mddtp-picker__line){-webkit-transform:rotate(-27deg);-ms-transform:rotate(-27deg);transform:rotate(-27deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-40{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-40 span:not(.mddtp-picker__line){-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);transform:rotate(-30deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-41{-webkit-transform:rotate(33deg);-ms-transform:rotate(33deg);transform:rotate(33deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-41 span:not(.mddtp-picker__line){-webkit-transform:rotate(-33deg);-ms-transform:rotate(-33deg);transform:rotate(-33deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-42{-webkit-transform:rotate(36deg);-ms-transform:rotate(36deg);transform:rotate(36deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-42 span:not(.mddtp-picker__line){-webkit-transform:rotate(-36deg);-ms-transform:rotate(-36deg);transform:rotate(-36deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-43{-webkit-transform:rotate(39deg);-ms-transform:rotate(39deg);transform:rotate(39deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-43 span:not(.mddtp-picker__line){-webkit-transform:rotate(-39deg);-ms-transform:rotate(-39deg);transform:rotate(-39deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-44{-webkit-transform:rotate(42deg);-ms-transform:rotate(42deg);transform:rotate(42deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-44 span:not(.mddtp-picker__line){-webkit-transform:rotate(-42deg);-ms-transform:rotate(-42deg);transform:rotate(-42deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-45{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-45 span:not(.mddtp-picker__line){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-46{-webkit-transform:rotate(48deg);-ms-transform:rotate(48deg);transform:rotate(48deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-46 span:not(.mddtp-picker__line){-webkit-transform:rotate(-48deg);-ms-transform:rotate(-48deg);transform:rotate(-48deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-47{-webkit-transform:rotate(51deg);-ms-transform:rotate(51deg);transform:rotate(51deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-47 span:not(.mddtp-picker__line){-webkit-transform:rotate(-51deg);-ms-transform:rotate(-51deg);transform:rotate(-51deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-48{-webkit-transform:rotate(54deg);-ms-transform:rotate(54deg);transform:rotate(54deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-48 span:not(.mddtp-picker__line){-webkit-transform:rotate(-54deg);-ms-transform:rotate(-54deg);transform:rotate(-54deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-49{-webkit-transform:rotate(57deg);-ms-transform:rotate(57deg);transform:rotate(57deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-49 span:not(.mddtp-picker__line){-webkit-transform:rotate(-57deg);-ms-transform:rotate(-57deg);transform:rotate(-57deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-50{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-50 span:not(.mddtp-picker__line){-webkit-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-51{-webkit-transform:rotate(63deg);-ms-transform:rotate(63deg);transform:rotate(63deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-51 span:not(.mddtp-picker__line){-webkit-transform:rotate(-63deg);-ms-transform:rotate(-63deg);transform:rotate(-63deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-52{-webkit-transform:rotate(66deg);-ms-transform:rotate(66deg);transform:rotate(66deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-52 span:not(.mddtp-picker__line){-webkit-transform:rotate(-66deg);-ms-transform:rotate(-66deg);transform:rotate(-66deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-53{-webkit-transform:rotate(69deg);-ms-transform:rotate(69deg);transform:rotate(69deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-53 span:not(.mddtp-picker__line){-webkit-transform:rotate(-69deg);-ms-transform:rotate(-69deg);transform:rotate(-69deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-54{-webkit-transform:rotate(72deg);-ms-transform:rotate(72deg);transform:rotate(72deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-54 span:not(.mddtp-picker__line){-webkit-transform:rotate(-72deg);-ms-transform:rotate(-72deg);transform:rotate(-72deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-55{-webkit-transform:rotate(75deg);-ms-transform:rotate(75deg);transform:rotate(75deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-55 span:not(.mddtp-picker__line){-webkit-transform:rotate(-75deg);-ms-transform:rotate(-75deg);transform:rotate(-75deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-56{-webkit-transform:rotate(78deg);-ms-transform:rotate(78deg);transform:rotate(78deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-56 span:not(.mddtp-picker__line){-webkit-transform:rotate(-78deg);-ms-transform:rotate(-78deg);transform:rotate(-78deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-57{-webkit-transform:rotate(81deg);-ms-transform:rotate(81deg);transform:rotate(81deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-57 span:not(.mddtp-picker__line){-webkit-transform:rotate(-81deg);-ms-transform:rotate(-81deg);transform:rotate(-81deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-58{-webkit-transform:rotate(84deg);-ms-transform:rotate(84deg);transform:rotate(84deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-58 span:not(.mddtp-picker__line){-webkit-transform:rotate(-84deg);-ms-transform:rotate(-84deg);transform:rotate(-84deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-59{-webkit-transform:rotate(87deg);-ms-transform:rotate(87deg);transform:rotate(87deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-59 span:not(.mddtp-picker__line){-webkit-transform:rotate(-87deg);-ms-transform:rotate(-87deg);transform:rotate(-87deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-60{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-60 span:not(.mddtp-picker__line){-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-61{-webkit-transform:rotate(93deg);-ms-transform:rotate(93deg);transform:rotate(93deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-61 span:not(.mddtp-picker__line){-webkit-transform:rotate(-93deg);-ms-transform:rotate(-93deg);transform:rotate(-93deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-62{-webkit-transform:rotate(96deg);-ms-transform:rotate(96deg);transform:rotate(96deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-62 span:not(.mddtp-picker__line){-webkit-transform:rotate(-96deg);-ms-transform:rotate(-96deg);transform:rotate(-96deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-63{-webkit-transform:rotate(99deg);-ms-transform:rotate(99deg);transform:rotate(99deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-63 span:not(.mddtp-picker__line){-webkit-transform:rotate(-99deg);-ms-transform:rotate(-99deg);transform:rotate(-99deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-64{-webkit-transform:rotate(102deg);-ms-transform:rotate(102deg);transform:rotate(102deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-64 span:not(.mddtp-picker__line){-webkit-transform:rotate(-102deg);-ms-transform:rotate(-102deg);transform:rotate(-102deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-65{-webkit-transform:rotate(105deg);-ms-transform:rotate(105deg);transform:rotate(105deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-65 span:not(.mddtp-picker__line){-webkit-transform:rotate(-105deg);-ms-transform:rotate(-105deg);transform:rotate(-105deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-66{-webkit-transform:rotate(108deg);-ms-transform:rotate(108deg);transform:rotate(108deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-66 span:not(.mddtp-picker__line){-webkit-transform:rotate(-108deg);-ms-transform:rotate(-108deg);transform:rotate(-108deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-67{-webkit-transform:rotate(111deg);-ms-transform:rotate(111deg);transform:rotate(111deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-67 span:not(.mddtp-picker__line){-webkit-transform:rotate(-111deg);-ms-transform:rotate(-111deg);transform:rotate(-111deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-68{-webkit-transform:rotate(114deg);-ms-transform:rotate(114deg);transform:rotate(114deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-68 span:not(.mddtp-picker__line){-webkit-transform:rotate(-114deg);-ms-transform:rotate(-114deg);transform:rotate(-114deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-69{-webkit-transform:rotate(117deg);-ms-transform:rotate(117deg);transform:rotate(117deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-69 span:not(.mddtp-picker__line){-webkit-transform:rotate(-117deg);-ms-transform:rotate(-117deg);transform:rotate(-117deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-70{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-70 span:not(.mddtp-picker__line){-webkit-transform:rotate(-120deg);-ms-transform:rotate(-120deg);transform:rotate(-120deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-71{-webkit-transform:rotate(123deg);-ms-transform:rotate(123deg);transform:rotate(123deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-71 span:not(.mddtp-picker__line){-webkit-transform:rotate(-123deg);-ms-transform:rotate(-123deg);transform:rotate(-123deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-72{-webkit-transform:rotate(126deg);-ms-transform:rotate(126deg);transform:rotate(126deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-72 span:not(.mddtp-picker__line){-webkit-transform:rotate(-126deg);-ms-transform:rotate(-126deg);transform:rotate(-126deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-73{-webkit-transform:rotate(129deg);-ms-transform:rotate(129deg);transform:rotate(129deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-73 span:not(.mddtp-picker__line){-webkit-transform:rotate(-129deg);-ms-transform:rotate(-129deg);transform:rotate(-129deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-74{-webkit-transform:rotate(132deg);-ms-transform:rotate(132deg);transform:rotate(132deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-74 span:not(.mddtp-picker__line){-webkit-transform:rotate(-132deg);-ms-transform:rotate(-132deg);transform:rotate(-132deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-75{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-75 span:not(.mddtp-picker__line){-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-76{-webkit-transform:rotate(138deg);-ms-transform:rotate(138deg);transform:rotate(138deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-76 span:not(.mddtp-picker__line){-webkit-transform:rotate(-138deg);-ms-transform:rotate(-138deg);transform:rotate(-138deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-77{-webkit-transform:rotate(141deg);-ms-transform:rotate(141deg);transform:rotate(141deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-77 span:not(.mddtp-picker__line){-webkit-transform:rotate(-141deg);-ms-transform:rotate(-141deg);transform:rotate(-141deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-78{-webkit-transform:rotate(144deg);-ms-transform:rotate(144deg);transform:rotate(144deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-78 span:not(.mddtp-picker__line){-webkit-transform:rotate(-144deg);-ms-transform:rotate(-144deg);transform:rotate(-144deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-79{-webkit-transform:rotate(147deg);-ms-transform:rotate(147deg);transform:rotate(147deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-79 span:not(.mddtp-picker__line){-webkit-transform:rotate(-147deg);-ms-transform:rotate(-147deg);transform:rotate(-147deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-80{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-80 span:not(.mddtp-picker__line){-webkit-transform:rotate(-150deg);-ms-transform:rotate(-150deg);transform:rotate(-150deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-81{-webkit-transform:rotate(153deg);-ms-transform:rotate(153deg);transform:rotate(153deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-81 span:not(.mddtp-picker__line){-webkit-transform:rotate(-153deg);-ms-transform:rotate(-153deg);transform:rotate(-153deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-82{-webkit-transform:rotate(156deg);-ms-transform:rotate(156deg);transform:rotate(156deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-82 span:not(.mddtp-picker__line){-webkit-transform:rotate(-156deg);-ms-transform:rotate(-156deg);transform:rotate(-156deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-83{-webkit-transform:rotate(159deg);-ms-transform:rotate(159deg);transform:rotate(159deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-83 span:not(.mddtp-picker__line){-webkit-transform:rotate(-159deg);-ms-transform:rotate(-159deg);transform:rotate(-159deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-84{-webkit-transform:rotate(162deg);-ms-transform:rotate(162deg);transform:rotate(162deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-84 span:not(.mddtp-picker__line){-webkit-transform:rotate(-162deg);-ms-transform:rotate(-162deg);transform:rotate(-162deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-85{-webkit-transform:rotate(165deg);-ms-transform:rotate(165deg);transform:rotate(165deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-85 span:not(.mddtp-picker__line){-webkit-transform:rotate(-165deg);-ms-transform:rotate(-165deg);transform:rotate(-165deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-86{-webkit-transform:rotate(168deg);-ms-transform:rotate(168deg);transform:rotate(168deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-86 span:not(.mddtp-picker__line){-webkit-transform:rotate(-168deg);-ms-transform:rotate(-168deg);transform:rotate(-168deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-87{-webkit-transform:rotate(171deg);-ms-transform:rotate(171deg);transform:rotate(171deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-87 span:not(.mddtp-picker__line){-webkit-transform:rotate(-171deg);-ms-transform:rotate(-171deg);transform:rotate(-171deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-88{-webkit-transform:rotate(174deg);-ms-transform:rotate(174deg);transform:rotate(174deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-88 span:not(.mddtp-picker__line){-webkit-transform:rotate(-174deg);-ms-transform:rotate(-174deg);transform:rotate(-174deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-89{-webkit-transform:rotate(177deg);-ms-transform:rotate(177deg);transform:rotate(177deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-89 span:not(.mddtp-picker__line){-webkit-transform:rotate(-177deg);-ms-transform:rotate(-177deg);transform:rotate(-177deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-90{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-90 span:not(.mddtp-picker__line){-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-91{-webkit-transform:rotate(183deg);-ms-transform:rotate(183deg);transform:rotate(183deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-91 span:not(.mddtp-picker__line){-webkit-transform:rotate(-183deg);-ms-transform:rotate(-183deg);transform:rotate(-183deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-92{-webkit-transform:rotate(186deg);-ms-transform:rotate(186deg);transform:rotate(186deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-92 span:not(.mddtp-picker__line){-webkit-transform:rotate(-186deg);-ms-transform:rotate(-186deg);transform:rotate(-186deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-93{-webkit-transform:rotate(189deg);-ms-transform:rotate(189deg);transform:rotate(189deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-93 span:not(.mddtp-picker__line){-webkit-transform:rotate(-189deg);-ms-transform:rotate(-189deg);transform:rotate(-189deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-94{-webkit-transform:rotate(192deg);-ms-transform:rotate(192deg);transform:rotate(192deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-94 span:not(.mddtp-picker__line){-webkit-transform:rotate(-192deg);-ms-transform:rotate(-192deg);transform:rotate(-192deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-95{-webkit-transform:rotate(195deg);-ms-transform:rotate(195deg);transform:rotate(195deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-95 span:not(.mddtp-picker__line){-webkit-transform:rotate(-195deg);-ms-transform:rotate(-195deg);transform:rotate(-195deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-96{-webkit-transform:rotate(198deg);-ms-transform:rotate(198deg);transform:rotate(198deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-96 span:not(.mddtp-picker__line){-webkit-transform:rotate(-198deg);-ms-transform:rotate(-198deg);transform:rotate(-198deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-97{-webkit-transform:rotate(201deg);-ms-transform:rotate(201deg);transform:rotate(201deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-97 span:not(.mddtp-picker__line){-webkit-transform:rotate(-201deg);-ms-transform:rotate(-201deg);transform:rotate(-201deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-98{-webkit-transform:rotate(204deg);-ms-transform:rotate(204deg);transform:rotate(204deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-98 span:not(.mddtp-picker__line){-webkit-transform:rotate(-204deg);-ms-transform:rotate(-204deg);transform:rotate(-204deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-99{-webkit-transform:rotate(207deg);-ms-transform:rotate(207deg);transform:rotate(207deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-99 span:not(.mddtp-picker__line){-webkit-transform:rotate(-207deg);-ms-transform:rotate(-207deg);transform:rotate(-207deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-100{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-100 span:not(.mddtp-picker__line){-webkit-transform:rotate(-210deg);-ms-transform:rotate(-210deg);transform:rotate(-210deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-101{-webkit-transform:rotate(213deg);-ms-transform:rotate(213deg);transform:rotate(213deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-101 span:not(.mddtp-picker__line){-webkit-transform:rotate(-213deg);-ms-transform:rotate(-213deg);transform:rotate(-213deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-102{-webkit-transform:rotate(216deg);-ms-transform:rotate(216deg);transform:rotate(216deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-102 span:not(.mddtp-picker__line){-webkit-transform:rotate(-216deg);-ms-transform:rotate(-216deg);transform:rotate(-216deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-103{-webkit-transform:rotate(219deg);-ms-transform:rotate(219deg);transform:rotate(219deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-103 span:not(.mddtp-picker__line){-webkit-transform:rotate(-219deg);-ms-transform:rotate(-219deg);transform:rotate(-219deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-104{-webkit-transform:rotate(222deg);-ms-transform:rotate(222deg);transform:rotate(222deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-104 span:not(.mddtp-picker__line){-webkit-transform:rotate(-222deg);-ms-transform:rotate(-222deg);transform:rotate(-222deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-105{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-105 span:not(.mddtp-picker__line){-webkit-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-106{-webkit-transform:rotate(228deg);-ms-transform:rotate(228deg);transform:rotate(228deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-106 span:not(.mddtp-picker__line){-webkit-transform:rotate(-228deg);-ms-transform:rotate(-228deg);transform:rotate(-228deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-107{-webkit-transform:rotate(231deg);-ms-transform:rotate(231deg);transform:rotate(231deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-107 span:not(.mddtp-picker__line){-webkit-transform:rotate(-231deg);-ms-transform:rotate(-231deg);transform:rotate(-231deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-108{-webkit-transform:rotate(234deg);-ms-transform:rotate(234deg);transform:rotate(234deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-108 span:not(.mddtp-picker__line){-webkit-transform:rotate(-234deg);-ms-transform:rotate(-234deg);transform:rotate(-234deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-109{-webkit-transform:rotate(237deg);-ms-transform:rotate(237deg);transform:rotate(237deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-109 span:not(.mddtp-picker__line){-webkit-transform:rotate(-237deg);-ms-transform:rotate(-237deg);transform:rotate(-237deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-110{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-110 span:not(.mddtp-picker__line){-webkit-transform:rotate(-240deg);-ms-transform:rotate(-240deg);transform:rotate(-240deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-111{-webkit-transform:rotate(243deg);-ms-transform:rotate(243deg);transform:rotate(243deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-111 span:not(.mddtp-picker__line){-webkit-transform:rotate(-243deg);-ms-transform:rotate(-243deg);transform:rotate(-243deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-112{-webkit-transform:rotate(246deg);-ms-transform:rotate(246deg);transform:rotate(246deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-112 span:not(.mddtp-picker__line){-webkit-transform:rotate(-246deg);-ms-transform:rotate(-246deg);transform:rotate(-246deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-113{-webkit-transform:rotate(249deg);-ms-transform:rotate(249deg);transform:rotate(249deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-113 span:not(.mddtp-picker__line){-webkit-transform:rotate(-249deg);-ms-transform:rotate(-249deg);transform:rotate(-249deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-114{-webkit-transform:rotate(252deg);-ms-transform:rotate(252deg);transform:rotate(252deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-114 span:not(.mddtp-picker__line){-webkit-transform:rotate(-252deg);-ms-transform:rotate(-252deg);transform:rotate(-252deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-115{-webkit-transform:rotate(255deg);-ms-transform:rotate(255deg);transform:rotate(255deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-115 span:not(.mddtp-picker__line){-webkit-transform:rotate(-255deg);-ms-transform:rotate(-255deg);transform:rotate(-255deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-116{-webkit-transform:rotate(258deg);-ms-transform:rotate(258deg);transform:rotate(258deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-116 span:not(.mddtp-picker__line){-webkit-transform:rotate(-258deg);-ms-transform:rotate(-258deg);transform:rotate(-258deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-117{-webkit-transform:rotate(261deg);-ms-transform:rotate(261deg);transform:rotate(261deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-117 span:not(.mddtp-picker__line){-webkit-transform:rotate(-261deg);-ms-transform:rotate(-261deg);transform:rotate(-261deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-118{-webkit-transform:rotate(264deg);-ms-transform:rotate(264deg);transform:rotate(264deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-118 span:not(.mddtp-picker__line){-webkit-transform:rotate(-264deg);-ms-transform:rotate(-264deg);transform:rotate(-264deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-119{-webkit-transform:rotate(267deg);-ms-transform:rotate(267deg);transform:rotate(267deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-119 span:not(.mddtp-picker__line){-webkit-transform:rotate(-267deg);-ms-transform:rotate(-267deg);transform:rotate(-267deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-120{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.mddtp-picker-time .mddtp-picker__body .mddtp-picker__circularHolder .mddtp-picker__cell--rotate-120 span:not(.mddtp-picker__line){-webkit-transform:rotate(-270deg);-ms-transform:rotate(-270deg);transform:rotate(-270deg)}.mddtp-picker.zoomIn,.mddtp-picker__viewHolder.zoomIn,.mddtp-picker__years.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}.mddtp-picker.zoomOut,.mddtp-picker__viewHolder.zoomOut,.mddtp-picker__years.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}.mddtp-picker.animated,.mddtp-picker__viewHolder.animated,.mddtp-picker__years.animated{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(.42,0,.58,1);animation-timing-function:cubic-bezier(.42,0,.58,1);-webkit-animation-fill-mode:both;animation-fill-mode:both}@media screen and (max-device-width:425px) and (orientation:portrait){.mddtp-picker{display:block}.mddtp-picker .md-picker__header .md-picker__subtitle,.mddtp-picker .md-picker__header .md-picker__title{margin:0}.mddtp-picker .md-picker__header .md-picker__title span{display:inline-block}.mddtp-picker .md-picker__body,.mddtp-picker .md-picker__header{display:block;height:100%;width:100%}}@media screen and (max-width:415px){.mddtp-picker{display:block}.mddtp-picker .md-picker__header .md-picker__subtitle,.mddtp-picker .md-picker__header .md-picker__title{margin:0}.mddtp-picker .md-picker__header .md-picker__title span{display:inline-block}.mddtp-picker .md-picker__body,.mddtp-picker .md-picker__header{display:block;height:100%;width:100%}}.mddtp-picker--portrait{display:block}.mddtp-picker--portrait .md-picker__header .md-picker__subtitle,.mddtp-picker--portrait .md-picker__header .md-picker__title{margin:0}.mddtp-picker--portrait .md-picker__header .md-picker__title span{display:inline-block}.mddtp-picker--portrait .md-picker__body,.mddtp-picker--portrait .md-picker__header{display:block;height:100%;width:100%}.mddtp-picker--inactive{display:none}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}
\ No newline at end of file
diff --git a/dist/demo.html b/dist/demo.html
index 5327885..a7d6e1a 100644
--- a/dist/demo.html
+++ b/dist/demo.html
@@ -55,7 +55,8 @@ Time dialog
});
var c = new mdDateTimePicker({
type: 'time',
- init: moment('9:0 PM', 'h:m A')
+ init: moment('22:0', 'H:m'),
+ mode: true
});
document.getElementById('trigger4').addEventListener('click', function() {
a.toggle();
diff --git a/dist/js/md-date-time-picker.js b/dist/js/md-date-time-picker.js
index 7035a33..1514c4d 100644
--- a/dist/js/md-date-time-picker.js
+++ b/dist/js/md-date-time-picker.js
@@ -423,7 +423,6 @@ var _createClass = function () { function defineProperties(target, props) { for
// switch according to 12 hour or 24 hour mode
if (this._mode) {
- // REVIEW 24 HOUR MODE
this._fillText(hour, m.format('H'));
} else {
this._fillText(hour, m.format('h'));
@@ -438,35 +437,54 @@ var _createClass = function () { function defineProperties(target, props) { for
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-',
- docfrag = document.createDocumentFragment();
+ cell = 'mddtp-picker__cell',
+ docfrag = document.createDocumentFragment(),
+ hourNow = void 0;
if (this._mode) {
- // REVIEW 24 HOUR MODE
- var hourNow = parseInt(this._sDialog.tDate.format('H'), 10);
- } else {
- var _hourNow = parseInt(this._sDialog.tDate.format('h'), 10);
- for (var i = 1, j = 5; i <= 12; i++, j += 5) {
+ 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('mddtp-picker__cell');
+ div.classList.add(cell);
span.textContent = i;
div.classList.add(rotate + j);
- if (_hourNow === i) {
+ 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) {
@@ -480,12 +498,13 @@ var _createClass = function () { function defineProperties(target, props) { for
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 = 5; i <= 60; i += 5, j += 5) {
+ for (var i = 5, j = 10; i <= 60; i += 5, j += 10) {
var div = document.createElement('div'),
span = document.createElement('span');
@@ -501,6 +520,7 @@ var _createClass = function () { function defineProperties(target, props) { for
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);
@@ -684,7 +704,7 @@ var _createClass = function () { function defineProperties(target, props) { for
});
} else {
el.addEventListener('click', function () {
- me._switchToTimeView(el, me);
+ me._switchToTimeView(me);
});
}
}
@@ -694,14 +714,13 @@ var _createClass = function () { function defineProperties(target, props) { for
*
* @method _switchToTimeView
*
- * @param {[type]} el [element to attach event to]
* @param {[type]} me [context]
*
*/
}, {
key: '_switchToTimeView',
- value: function _switchToTimeView(el, me) {
+ value: function _switchToTimeView(me) {
var hourView = me._sDialog.hourView,
minuteView = me._sDialog.minuteView,
hour = me._sDialog.hour,
@@ -792,6 +811,67 @@ var _createClass = function () { function defineProperties(target, props) { for
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.addEventListener('click', 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.addEventListener('click', 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) {
@@ -1047,11 +1127,12 @@ var _createClass = function () { function defineProperties(target, props) { for
divides++;
}
divides += 15;
- needle.classList.add(selection, quick, rotate + divides);
+ needle.classList.add(selection, quick, rotate + divides * 2);
});
fakeNeedleDraggabilly.on('dragEnd', function () {
var minuteViewChildren = me._sDialog.minuteView.getElementsByTagName('div'),
- minuteNow = parseInt(me._sDialog.sDate.format('m'), 10),
+ 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');
@@ -1066,19 +1147,15 @@ var _createClass = function () { function defineProperties(target, props) { for
divides = 0;
}
// remove previously selected value
- // normalize 0 and 1 => 60
- if (minuteNow >= 0 && minuteNow <= 1) {
- minuteNow = 60;
- }
- minuteNow = me._nearestDivisor(minuteNow, 5);
- if (minuteNow % 5 === 0) {
- minuteNow /= 5;
- minuteNow--;
- minuteViewChildren[minuteNow].classList.remove(selected);
+ 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);
@@ -1284,14 +1361,15 @@ var _createClass = function () { function defineProperties(target, props) { for
var start = spoke / 12 * 3;
// set clocks top and right side value
if (spoke === 12) {
- value *= 5;
- } else if (spoke === 24) {
- // REVIEW this multiplicativeFactor and also revise css classes for this style
value *= 10;
+ } else if (spoke === 24) {
+ value *= 5;
+ } else {
+ value *= 2;
}
// special case for 00 => 60
if (spoke === 60 && value === 0) {
- value = 60;
+ value = 120;
}
return 'mddtp-picker__cell--rotate-' + value;
}
diff --git a/dist/js/md-date-time-picker.min.js b/dist/js/md-date-time-picker.min.js
index f8dae8c..566efae 100644
--- a/dist/js/md-date-time-picker.min.js
+++ b/dist/js/md-date-time-picker.min.js
@@ -1 +1 @@
-"use strict";function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var _createClass=function(){function t(t,e){for(var i=0;i=l;l++,o+=5){var n=document.createElement("div"),r=document.createElement("span");n.classList.add("mddtp-picker__cell"),r.textContent=l,n.classList.add(s+o),d===l&&(n.classList.add(i),e.classList.add(s+o)),n.appendChild(r),a.appendChild(n)}for(;t.lastChild;)t.removeChild(t.lastChild);t.appendChild(a)}},{key:"_initMinute",value:function(){for(var t=this._sDialog.minuteView,e=parseInt(this._sDialog.tDate.format("m"),10),i="mddtp-picker__cell--selected",s="mddtp-picker__cell--rotate-",a="mddtp-picker__cell",d=document.createDocumentFragment(),l=5,o=5;60>=l;l+=5,o+=5){var n=document.createElement("div"),r=document.createElement("span");n.classList.add(a),60===l?r.textContent=this._numWithZero(0):r.textContent=this._numWithZero(l),0===e&&(e=60),n.classList.add(s+o),(e===l||e-1===l||e+1===l||1===e&&60===l)&&n.classList.add(i),n.appendChild(r),d.appendChild(n)}for(;t.lastChild;)t.removeChild(t.lastChild);t.appendChild(d)}},{key:"_initDateDialog",value:function(t){var e=this._sDialog.subtitle,i=this._sDialog.title,s=this._sDialog.titleDay,a=this._sDialog.titleMonth;this._fillText(e,t.format("YYYY")),this._fillText(s,t.format("ddd, ")),this._fillText(a,t.format("MMM D")),this._initYear(),this._initViewHolder(),this._attachEventHandlers(),this._changeMonth(),this._switchToView(e),this._switchToView(i)}},{key:"_initViewHolder",value:function(){var t=this._sDialog.tDate,e=(this._sDialog.picker,this._sDialog.current),i=this._sDialog.previous,s=this._sDialog.next,a=this._past,d=this._future;t.isBefore(a,"month")&&(t=a.clone()),t.isAfter(d,"month")&&(t=d.clone()),this._sDialog.tDate=t,this._initMonth(e,t),this._initMonth(s,moment(this._getMonth(t,1))),this._initMonth(i,moment(this._getMonth(t,-1))),this._toMoveMonth()}},{key:"_initMonth",value:function(t,e){var i=e.format("MMMM YYYY"),s=t.getElementsByTagName("div");this._fillText(s[0],i);var a=document.createDocumentFragment(),d=s[3],l=parseInt(moment(e).date(1).day(),10),o=-1,n=-1,r=parseInt(moment(e).endOf("month").format("D"),10)+l-1,c=l,_="mddtp-picker__cell",h=r;moment().isSame(e,"month")&&(o=parseInt(moment().format("D"),10),o+=l-1),this._past.isSame(e,"month")&&(c=parseInt(this._past.format("D"),10),c+=l-1),this._future.isSame(e,"month")&&(h=parseInt(this._future.format("D"),10),h+=l-1),this._sDialog.sDate.isSame(e,"month")&&(n=parseInt(moment(e).format("D"),10),n+=l-1);for(var m=0;42>m;m++){var p=document.createElement("span"),u=m-l+1;m>=l&&r>=m&&(m>h||c>m?p.classList.add(_+"--disabled"):p.classList.add(_),this._fillText(p,u)),o===m&&p.classList.add(_+"--today"),n===m&&(p.classList.add(_+"l--selected"),p.id="mddtp-date__selected"),a.appendChild(p)}for(;d.lastChild;)d.removeChild(d.lastChild);d.appendChild(a),this._addCellClickEvent(d)}},{key:"_initYear",value:function(){for(var t=this._sDialog.years,e=this._sDialog.tDate.year(),i=document.createDocumentFragment(),s=this._past.year(),a=this._future.year(),d=s;a>=d;d++){var l=document.createElement("li");l.textContent=d,d===e&&(l.id="mddtp-date__currentYear",l.classList.add("mddtp-picker__li--current")),i.appendChild(l)}for(;t.lastChild;)t.removeChild(t.lastChild);t.appendChild(i),this._changeYear(t)}},{key:"_switchToView",value:function(t){var e=this;"date"==this._type?t.addEventListener("click",function(){e._switchToDateView(t,e)}):t.addEventListener("click",function(){e._switchToTimeView(t,e)})}},{key:"_switchToTimeView",value:function(e,i){var s=i._sDialog.hourView,a=i._sDialog.minuteView,d=i._sDialog.hour,l=i._sDialog.minute,o="mddtp-picker__color--active",n="mddtp-picker__circularView--hidden",r="mddtp-picker__selection",c=i._sDialog.needle,_=i._sDialog.circularHolder,h=i._sDialog.circle,m=i._sDialog.fakeNeedle,p=60,u=void 0;s.classList.toggle(n),a.classList.toggle(n),d.classList.toggle(o),l.classList.toggle(o),c.className="",c.classList.add(r),t.dialog.view?(u=i._sDialog.sDate.format("m"),setTimeout(function(){var t=_.getBoundingClientRect(),e=h.getBoundingClientRect();m.setAttribute("style","left:"+(e.left-t.left)+"px;top:"+(e.top-t.top)+"px")},300)):i._mode?(p=24,u=i._sDialog.sDate.format("H")):(p=12,u=i._sDialog.sDate.format("h"));var g=i._calcRotation(p,parseInt(u,10));g&&c.classList.add(g),t.dialog.view=!t.dialog.view}},{key:"_switchToDateView",value:function(e,i){e.setAttribute("disabled","");var s=i._sDialog.viewHolder,a=i._sDialog.years,d=i._sDialog.title,l=i._sDialog.subtitle,o=document.getElementById("mddtp-date__currentYear");t.dialog.view?(s.classList.add("zoomOut"),a.classList.remove("mddtp-picker__years--invisible"),a.classList.add("zoomIn"),o.scrollIntoViewIfNeeded()):(a.classList.add("zoomOut"),s.classList.remove("zoomOut"),s.classList.add("zoomIn"),setTimeout(function(){a.classList.remove("zoomIn","zoomOut"),a.classList.add("mddtp-picker__years--invisible"),s.classList.remove("zoomIn")},300)),d.classList.toggle("mddtp-picker__color--active"),l.classList.toggle("mddtp-picker__color--active"),t.dialog.view=!t.dialog.view,setTimeout(function(){e.removeAttribute("disabled")},300)}},{key:"_addCellClickEvent",value:function(t){var e=this;t.addEventListener("click",function(t){if(t.target&&"SPAN"==t.target.nodeName&&t.target.classList.contains("mddtp-picker__cell")){var i=(e._sDialog.picker,t.target.textContent),s=e._sDialog.tDate.date(i),a="mddtp-date__selected",d="mddtp-picker__cell--selected",l=document.getElementById(a),o=e._sDialog.subtitle,n=e._sDialog.titleDay,r=e._sDialog.titleMonth;l&&(l.classList.remove(d),l.id=""),t.target.classList.add(d),t.target.id=a,e._sDialog.sDate=s.clone(),e._fillText(o,s.year()),e._fillText(n,s.format("ddd, ")),e._fillText(r,s.format("MMM D"))}})}},{key:"_toMoveMonth",value:function(){var t=this._sDialog.tDate,e=this._sDialog.left,i=this._sDialog.right,s=this._past,a=this._future;e.removeAttribute("disabled"),i.removeAttribute("disabled"),e.classList.remove("mddtp-button--disabled"),i.classList.remove("mddtp-button--disabled"),t.isSame(s,"month")&&(e.setAttribute("disabled",""),e.classList.add("mddtp-button--disabled")),t.isSame(a,"month")&&(i.setAttribute("disabled",""),i.classList.add("mddtp-button--disabled"))}},{key:"_changeMonth",value:function(){function t(t,a){var d=!1,o=e._sDialog.next,n=e._sDialog.current,r=e._sDialog.previous;i.setAttribute("disabled",""),s.setAttribute("disabled",""),n.classList.add(t),r.classList.add(t),o.classList.add(t);var c=a.cloneNode(!0),_=void 0;a===o?(_=r,n.parentNode.appendChild(c),o.id=n.id,n.id=r.id,r=n,n=o,o=c):(d=!0,_=o,r.id=n.id,n.id=o.id,o=n,n=r),setTimeout(function(){a===r&&(n.parentNode.insertBefore(c,n),r=c),e._sDialog.next=o,e._sDialog.current=n,e._sDialog.previous=r,n.classList.add(l),o.classList.add(l),r.classList.add(l),n.classList.remove(t),o.classList.remove(t),r.classList.remove(t),_.parentNode.removeChild(_)},300),setTimeout(function(){n.classList.remove(l),o.classList.remove(l),r.classList.remove(l),d?e._sDialog.tDate=e._getMonth(e._sDialog.tDate,-1):e._sDialog.tDate=e._getMonth(e._sDialog.tDate,1),e._initViewHolder()},350),setTimeout(function(){i.classList.contains("mddtp-button--disabled")||i.removeAttribute("disabled"),s.classList.contains("mddtp-button--disabled")||s.removeAttribute("disabled")},400)}var e=this,i=this._sDialog.left,s=this._sDialog.right,a="mddtp-picker__view--left",d="mddtp-picker__view--right",l="mddtp-picker__view--pause";i.addEventListener("click",function(){t(d,e._sDialog.previous)}),s.addEventListener("click",function(){t(a,e._sDialog.next)})}},{key:"_changeYear",value:function(t){var e=this;t.addEventListener("click",function(i){if(i.target&&"LI"==i.target.nodeName){var s=document.getElementById("mddtp-date__currentYear");s.id="",s.classList.remove("mddtp-picker__li--current"),i.target.id="mddtp-date__currentYear",i.target.classList.add("mddtp-picker__li--current"),e._switchToDateView(t,e),e._sDialog.tDate.year(parseInt(i.target.textContent,10)),e._initViewHolder()}})}},{key:"_changeM",value:function(){var t=this,e=this._sDialog.AM,i=this._sDialog.PM;e.addEventListener("click",function(s){var a=t._sDialog.sDate.format("A");"PM"===a&&(t._sDialog.sDate.subtract(12,"h"),e.classList.toggle("mddtp-picker__color--active"),i.classList.toggle("mddtp-picker__color--active"))}),i.addEventListener("click",function(s){var a=t._sDialog.sDate.format("A");"AM"===a&&(t._sDialog.sDate.add(12,"h"),e.classList.toggle("mddtp-picker__color--active"),i.classList.toggle("mddtp-picker__color--active"))})}},{key:"_dragDial",value:function(){var t=this,e=this._sDialog.needle,i=this._sDialog.circle,s=this._sDialog.fakeNeedle,a=this._sDialog.circularHolder,d=this._sDialog.minute,l="mddtp-picker__selection--quick",o="mddtp-picker__selection",n="mddtp-picker__cell--selected",r="mddtp-picker__cell--rotate-",c=a.getBoundingClientRect(),_=void 0,h=new Draggabilly(s,{containment:!0});h.on("pointerDown",function(){c=a.getBoundingClientRect()}),h.on("dragMove",function(t){var i=t.clientX-c.left-c.width/2,s=t.clientY-c.top-c.height/2,a=Math.atan2(-s,i);e.className="",0>a&&(a+=2*Math.PI),a*=180/Math.PI,a=360-a,a>270&&(a-=360),_=parseInt(a/6);var d=Math.abs(6*_-a),n=Math.abs(6*(_+1)-a);d>n&&_++,_+=15,e.classList.add(o,l,r+_)}),h.on("dragEnd",function(){var a=t._sDialog.minuteView.getElementsByTagName("div"),o=parseInt(t._sDialog.sDate.format("m"),10),r=i.getBoundingClientRect();s.setAttribute("style","left:"+(r.left-c.left)+"px;top:"+(r.top-c.top)+"px"),e.classList.remove(l);var h=_;1===h&&(h=60),h=t._nearestDivisor(h,5),60===_&&(_=0),o>=0&&1>=o&&(o=60),o=t._nearestDivisor(o,5),o%5===0&&(o/=5,o--,a[o].classList.remove(n)),h>0&&(h/=5,h--,a[h].classList.add(n)),d.textContent=t._numWithZero(_),t._sDialog.sDate.minutes(_)})}},{key:"_attachEventHandlers",value:function(){var t=this,e=this._sDialog.ok,i=this._sDialog.cancel;i.addEventListener("click",function(){t.toggle()}),e.addEventListener("click",function(){t._init=t._sDialog.sDate,t.toggle()})}},{key:"_getMonth",value:function(t,e){var i=void 0;return i=t.clone(),e>0?i.add(Math.abs(e),"M"):i.subtract(Math.abs(e),"M")}},{key:"_nearestDivisor",value:function(t,e){return t%e===0?t:(t-1)%e===0?t-1:(t+1)%e===0?t+1:-1}},{key:"_numWithZero",value:function(t){return t>9?""+t:"0"+t}},{key:"_fillText",value:function(t,e){t.firstChild?t.firstChild.nodeValue=e:t.appendChild(document.createTextNode(e))}},{key:"_addId",value:function(t,e){t.id="mddtp-"+this._type+"__"+e}},{key:"_addClass",value:function(t,e,i){t.classList.add("mddtp-picker__"+e);var s=0;for(i&&(s=i.length,i.reverse());s--;)t.classList.add(i[s])}},{key:"_addView",value:function(t){for(var e=document.createElement("div"),i=document.createElement("div"),s=document.createElement("div"),a=document.createElement("div"),d=["S","F","T","W","T","M","S"],l=6;l--;){var o=document.createElement("span");o.textContent=d[l],s.appendChild(o)}this._addClass(e,"month"),this._addClass(i,"grid"),this._addClass(s,"th"),this._addClass(a,"tr"),t.appendChild(e),t.appendChild(i),i.appendChild(s),i.appendChild(a)}},{key:"_calcRotation",value:function(t,e){return 12===t?e*=5:24===t&&(e*=10),60===t&&0===e&&(e=60),"mddtp-picker__cell--rotate-"+e}}],[{key:"dialog",get:function(){return _dialog}}]),t}();Element.prototype.scrollIntoViewIfNeeded||(Element.prototype.scrollIntoViewIfNeeded=function(t){t=0===arguments.length?!0:!!t;var e=this.parentNode,i=window.getComputedStyle(e,null),s=parseInt(i.getPropertyValue("border-top-width"),10),a=parseInt(i.getPropertyValue("border-left-width"),10),d=this.offsetTop-e.offsetTope.scrollTop+e.clientHeight,o=this.offsetLeft-e.offsetLefte.scrollLeft+e.clientWidth,r=d&&!l;(d||l)&&t&&(e.scrollTop=this.offsetTop-e.offsetTop-e.clientHeight/2-s+this.clientHeight/2),(o||n)&&t&&(e.scrollLeft=this.offsetLeft-e.offsetLeft-e.clientWidth/2-a+this.clientWidth/2),(d||l||o||n)&&!t&&this.scrollIntoView(r)}),Object.defineProperty&&Object.getOwnPropertyDescriptor&&Object.getOwnPropertyDescriptor(Element.prototype,"textContent")&&!Object.getOwnPropertyDescriptor(Element.prototype,"textContent").get&&!function(){var t=Object.getOwnPropertyDescriptor(Element.prototype,"innerText");Object.defineProperty(Element.prototype,"textContent",{get:function(){return t.get.call(this)},set:function(e){return t.set.call(this,e)}})}();
\ No newline at end of file
+"use strict";function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var _createClass=function(){function t(t,e){for(var i=0;i=o;o++,r+=5){var c=document.createElement("div"),_=document.createElement("span");c.classList.add(d),_.textContent=o,c.classList.add(s+r),n===o&&(c.id=i,c.classList.add(a),e.classList.add(s+r)),c.appendChild(_),l.appendChild(c)}}else{n=parseInt(this._sDialog.tDate.format("h"),10);for(var m=1,h=10;12>=m;m++,h+=10){var p=document.createElement("div"),u=document.createElement("span");p.classList.add(d),u.textContent=m,p.classList.add(s+h),n===m&&(p.id=i,p.classList.add(a),e.classList.add(s+h)),p.appendChild(u),l.appendChild(p)}}for(;t.lastChild;)t.removeChild(t.lastChild);t.appendChild(l)}},{key:"_initMinute",value:function(){for(var t=this._sDialog.minuteView,e=parseInt(this._sDialog.tDate.format("m"),10),i="mddtp-minute__selected",a="mddtp-picker__cell--selected",s="mddtp-picker__cell--rotate-",d="mddtp-picker__cell",l=document.createDocumentFragment(),n=5,o=10;60>=n;n+=5,o+=10){var r=document.createElement("div"),c=document.createElement("span");r.classList.add(d),60===n?c.textContent=this._numWithZero(0):c.textContent=this._numWithZero(n),0===e&&(e=60),r.classList.add(s+o),(e===n||e-1===n||e+1===n||1===e&&60===n)&&(r.id=i,r.classList.add(a)),r.appendChild(c),l.appendChild(r)}for(;t.lastChild;)t.removeChild(t.lastChild);t.appendChild(l)}},{key:"_initDateDialog",value:function(t){var e=this._sDialog.subtitle,i=this._sDialog.title,a=this._sDialog.titleDay,s=this._sDialog.titleMonth;this._fillText(e,t.format("YYYY")),this._fillText(a,t.format("ddd, ")),this._fillText(s,t.format("MMM D")),this._initYear(),this._initViewHolder(),this._attachEventHandlers(),this._changeMonth(),this._switchToView(e),this._switchToView(i)}},{key:"_initViewHolder",value:function(){var t=this._sDialog.tDate,e=(this._sDialog.picker,this._sDialog.current),i=this._sDialog.previous,a=this._sDialog.next,s=this._past,d=this._future;t.isBefore(s,"month")&&(t=s.clone()),t.isAfter(d,"month")&&(t=d.clone()),this._sDialog.tDate=t,this._initMonth(e,t),this._initMonth(a,moment(this._getMonth(t,1))),this._initMonth(i,moment(this._getMonth(t,-1))),this._toMoveMonth()}},{key:"_initMonth",value:function(t,e){var i=e.format("MMMM YYYY"),a=t.getElementsByTagName("div");this._fillText(a[0],i);var s=document.createDocumentFragment(),d=a[3],l=parseInt(moment(e).date(1).day(),10),n=-1,o=-1,r=parseInt(moment(e).endOf("month").format("D"),10)+l-1,c=l,_="mddtp-picker__cell",m=r;moment().isSame(e,"month")&&(n=parseInt(moment().format("D"),10),n+=l-1),this._past.isSame(e,"month")&&(c=parseInt(this._past.format("D"),10),c+=l-1),this._future.isSame(e,"month")&&(m=parseInt(this._future.format("D"),10),m+=l-1),this._sDialog.sDate.isSame(e,"month")&&(o=parseInt(moment(e).format("D"),10),o+=l-1);for(var h=0;42>h;h++){var p=document.createElement("span"),u=h-l+1;h>=l&&r>=h&&(h>m||c>h?p.classList.add(_+"--disabled"):p.classList.add(_),this._fillText(p,u)),n===h&&p.classList.add(_+"--today"),o===h&&(p.classList.add(_+"l--selected"),p.id="mddtp-date__selected"),s.appendChild(p)}for(;d.lastChild;)d.removeChild(d.lastChild);d.appendChild(s),this._addCellClickEvent(d)}},{key:"_initYear",value:function(){for(var t=this._sDialog.years,e=this._sDialog.tDate.year(),i=document.createDocumentFragment(),a=this._past.year(),s=this._future.year(),d=a;s>=d;d++){var l=document.createElement("li");l.textContent=d,d===e&&(l.id="mddtp-date__currentYear",l.classList.add("mddtp-picker__li--current")),i.appendChild(l)}for(;t.lastChild;)t.removeChild(t.lastChild);t.appendChild(i),this._changeYear(t)}},{key:"_switchToView",value:function(t){var e=this;"date"==this._type?t.addEventListener("click",function(){e._switchToDateView(t,e)}):t.addEventListener("click",function(){e._switchToTimeView(e)})}},{key:"_switchToTimeView",value:function(e){var i=e._sDialog.hourView,a=e._sDialog.minuteView,s=e._sDialog.hour,d=e._sDialog.minute,l="mddtp-picker__color--active",n="mddtp-picker__circularView--hidden",o="mddtp-picker__selection",r=e._sDialog.needle,c=e._sDialog.circularHolder,_=e._sDialog.circle,m=e._sDialog.fakeNeedle,h=60,p=void 0;i.classList.toggle(n),a.classList.toggle(n),s.classList.toggle(l),d.classList.toggle(l),r.className="",r.classList.add(o),t.dialog.view?(p=e._sDialog.sDate.format("m"),setTimeout(function(){var t=c.getBoundingClientRect(),e=_.getBoundingClientRect();m.setAttribute("style","left:"+(e.left-t.left)+"px;top:"+(e.top-t.top)+"px")},300)):e._mode?(h=24,p=e._sDialog.sDate.format("H")):(h=12,p=e._sDialog.sDate.format("h"));var u=e._calcRotation(h,parseInt(p,10));u&&r.classList.add(u),t.dialog.view=!t.dialog.view}},{key:"_switchToDateView",value:function(e,i){e.setAttribute("disabled","");var a=i._sDialog.viewHolder,s=i._sDialog.years,d=i._sDialog.title,l=i._sDialog.subtitle,n=document.getElementById("mddtp-date__currentYear");t.dialog.view?(a.classList.add("zoomOut"),s.classList.remove("mddtp-picker__years--invisible"),s.classList.add("zoomIn"),n.scrollIntoViewIfNeeded()):(s.classList.add("zoomOut"),a.classList.remove("zoomOut"),a.classList.add("zoomIn"),setTimeout(function(){s.classList.remove("zoomIn","zoomOut"),s.classList.add("mddtp-picker__years--invisible"),a.classList.remove("zoomIn")},300)),d.classList.toggle("mddtp-picker__color--active"),l.classList.toggle("mddtp-picker__color--active"),t.dialog.view=!t.dialog.view,setTimeout(function(){e.removeAttribute("disabled")},300)}},{key:"_addClockEvent",value:function(){var t=this,e=this._sDialog.hourView,i=this._sDialog.minuteView,a="mddtp-picker__cell--selected";e.addEventListener("click",function(e){var i="mddtp-hour__selected",s=document.getElementById(i),d=0;e.target&&"SPAN"==e.target.nodeName&&(s.id="",s.classList.remove(a),e.target.parentNode.classList.add(a),e.target.parentNode.id=i,d=t._mode?e.target.textContent:"AM"===t._sDialog.sDate.format("A")?e.target.textContent:parseInt(e.target.textContent,10)+12,t._sDialog.sDate.hour(d),t._sDialog.hour.textContent=e.target.textContent,t._switchToTimeView(t))}),i.addEventListener("click",function(e){var i="mddtp-minute__selected",s=document.getElementById(i),d=0;e.target&&"SPAN"==e.target.nodeName&&(s&&(s.id="",s.classList.remove(a)),e.target.parentNode.classList.add(a),e.target.parentNode.id=i,d=e.target.textContent,t._sDialog.sDate.minute(d),t._sDialog.minute.textContent=d,t._switchToTimeView(t))})}},{key:"_addCellClickEvent",value:function(t){var e=this;t.addEventListener("click",function(t){if(t.target&&"SPAN"==t.target.nodeName&&t.target.classList.contains("mddtp-picker__cell")){var i=(e._sDialog.picker,t.target.textContent),a=e._sDialog.tDate.date(i),s="mddtp-date__selected",d="mddtp-picker__cell--selected",l=document.getElementById(s),n=e._sDialog.subtitle,o=e._sDialog.titleDay,r=e._sDialog.titleMonth;l&&(l.classList.remove(d),l.id=""),t.target.classList.add(d),t.target.id=s,e._sDialog.sDate=a.clone(),e._fillText(n,a.year()),e._fillText(o,a.format("ddd, ")),e._fillText(r,a.format("MMM D"))}})}},{key:"_toMoveMonth",value:function(){var t=this._sDialog.tDate,e=this._sDialog.left,i=this._sDialog.right,a=this._past,s=this._future;e.removeAttribute("disabled"),i.removeAttribute("disabled"),e.classList.remove("mddtp-button--disabled"),i.classList.remove("mddtp-button--disabled"),t.isSame(a,"month")&&(e.setAttribute("disabled",""),e.classList.add("mddtp-button--disabled")),t.isSame(s,"month")&&(i.setAttribute("disabled",""),i.classList.add("mddtp-button--disabled"))}},{key:"_changeMonth",value:function(){function t(t,s){var d=!1,n=e._sDialog.next,o=e._sDialog.current,r=e._sDialog.previous;i.setAttribute("disabled",""),a.setAttribute("disabled",""),o.classList.add(t),r.classList.add(t),n.classList.add(t);var c=s.cloneNode(!0),_=void 0;s===n?(_=r,o.parentNode.appendChild(c),n.id=o.id,o.id=r.id,r=o,o=n,n=c):(d=!0,_=n,r.id=o.id,o.id=n.id,n=o,o=r),setTimeout(function(){s===r&&(o.parentNode.insertBefore(c,o),r=c),e._sDialog.next=n,e._sDialog.current=o,e._sDialog.previous=r,o.classList.add(l),n.classList.add(l),r.classList.add(l),o.classList.remove(t),n.classList.remove(t),r.classList.remove(t),_.parentNode.removeChild(_)},300),setTimeout(function(){o.classList.remove(l),n.classList.remove(l),r.classList.remove(l),d?e._sDialog.tDate=e._getMonth(e._sDialog.tDate,-1):e._sDialog.tDate=e._getMonth(e._sDialog.tDate,1),e._initViewHolder()},350),setTimeout(function(){i.classList.contains("mddtp-button--disabled")||i.removeAttribute("disabled"),a.classList.contains("mddtp-button--disabled")||a.removeAttribute("disabled")},400)}var e=this,i=this._sDialog.left,a=this._sDialog.right,s="mddtp-picker__view--left",d="mddtp-picker__view--right",l="mddtp-picker__view--pause";i.addEventListener("click",function(){t(d,e._sDialog.previous)}),a.addEventListener("click",function(){t(s,e._sDialog.next)})}},{key:"_changeYear",value:function(t){var e=this;t.addEventListener("click",function(i){if(i.target&&"LI"==i.target.nodeName){var a=document.getElementById("mddtp-date__currentYear");a.id="",a.classList.remove("mddtp-picker__li--current"),i.target.id="mddtp-date__currentYear",i.target.classList.add("mddtp-picker__li--current"),e._switchToDateView(t,e),e._sDialog.tDate.year(parseInt(i.target.textContent,10)),e._initViewHolder()}})}},{key:"_changeM",value:function(){var t=this,e=this._sDialog.AM,i=this._sDialog.PM;e.addEventListener("click",function(a){var s=t._sDialog.sDate.format("A");"PM"===s&&(t._sDialog.sDate.subtract(12,"h"),e.classList.toggle("mddtp-picker__color--active"),i.classList.toggle("mddtp-picker__color--active"))}),i.addEventListener("click",function(a){var s=t._sDialog.sDate.format("A");"AM"===s&&(t._sDialog.sDate.add(12,"h"),e.classList.toggle("mddtp-picker__color--active"),i.classList.toggle("mddtp-picker__color--active"))})}},{key:"_dragDial",value:function(){var t=this,e=this._sDialog.needle,i=this._sDialog.circle,a=this._sDialog.fakeNeedle,s=this._sDialog.circularHolder,d=this._sDialog.minute,l="mddtp-picker__selection--quick",n="mddtp-picker__selection",o="mddtp-picker__cell--selected",r="mddtp-picker__cell--rotate-",c=s.getBoundingClientRect(),_=void 0,m=new Draggabilly(a,{containment:!0});m.on("pointerDown",function(){c=s.getBoundingClientRect()}),m.on("dragMove",function(t){var i=t.clientX-c.left-c.width/2,a=t.clientY-c.top-c.height/2,s=Math.atan2(-a,i);e.className="",0>s&&(s+=2*Math.PI),s*=180/Math.PI,s=360-s,s>270&&(s-=360),_=parseInt(s/6);var d=Math.abs(6*_-s),o=Math.abs(6*(_+1)-s);d>o&&_++,_+=15,e.classList.add(n,l,r+2*_)}),m.on("dragEnd",function(){var s=t._sDialog.minuteView.getElementsByTagName("div"),n="mddtp-minute__selected",r=document.getElementById(n),m=i.getBoundingClientRect();a.setAttribute("style","left:"+(m.left-c.left)+"px;top:"+(m.top-c.top)+"px"),e.classList.remove(l);var h=_;1===h&&(h=60),h=t._nearestDivisor(h,5),60===_&&(_=0),r&&(r.id="",r.classList.remove(o)),h>0&&(h/=5,h--,s[h].id=n,s[h].classList.add(o)),d.textContent=t._numWithZero(_),t._sDialog.sDate.minutes(_)})}},{key:"_attachEventHandlers",value:function(){var t=this,e=this._sDialog.ok,i=this._sDialog.cancel;i.addEventListener("click",function(){t.toggle()}),e.addEventListener("click",function(){t._init=t._sDialog.sDate,t.toggle()})}},{key:"_getMonth",value:function(t,e){var i=void 0;return i=t.clone(),e>0?i.add(Math.abs(e),"M"):i.subtract(Math.abs(e),"M")}},{key:"_nearestDivisor",value:function(t,e){return t%e===0?t:(t-1)%e===0?t-1:(t+1)%e===0?t+1:-1}},{key:"_numWithZero",value:function(t){return t>9?""+t:"0"+t}},{key:"_fillText",value:function(t,e){t.firstChild?t.firstChild.nodeValue=e:t.appendChild(document.createTextNode(e))}},{key:"_addId",value:function(t,e){t.id="mddtp-"+this._type+"__"+e}},{key:"_addClass",value:function(t,e,i){t.classList.add("mddtp-picker__"+e);var a=0;for(i&&(a=i.length,i.reverse());a--;)t.classList.add(i[a])}},{key:"_addView",value:function(t){for(var e=document.createElement("div"),i=document.createElement("div"),a=document.createElement("div"),s=document.createElement("div"),d=["S","F","T","W","T","M","S"],l=6;l--;){var n=document.createElement("span");n.textContent=d[l],a.appendChild(n)}this._addClass(e,"month"),this._addClass(i,"grid"),this._addClass(a,"th"),this._addClass(s,"tr"),t.appendChild(e),t.appendChild(i),i.appendChild(a),i.appendChild(s)}},{key:"_calcRotation",value:function(t,e){return e*=12===t?10:24===t?5:2,60===t&&0===e&&(e=120),"mddtp-picker__cell--rotate-"+e}}],[{key:"dialog",get:function(){return _dialog}}]),t}();Element.prototype.scrollIntoViewIfNeeded||(Element.prototype.scrollIntoViewIfNeeded=function(t){t=0===arguments.length?!0:!!t;var e=this.parentNode,i=window.getComputedStyle(e,null),a=parseInt(i.getPropertyValue("border-top-width"),10),s=parseInt(i.getPropertyValue("border-left-width"),10),d=this.offsetTop-e.offsetTope.scrollTop+e.clientHeight,n=this.offsetLeft-e.offsetLefte.scrollLeft+e.clientWidth,r=d&&!l;(d||l)&&t&&(e.scrollTop=this.offsetTop-e.offsetTop-e.clientHeight/2-a+this.clientHeight/2),(n||o)&&t&&(e.scrollLeft=this.offsetLeft-e.offsetLeft-e.clientWidth/2-s+this.clientWidth/2),(d||l||n||o)&&!t&&this.scrollIntoView(r)}),Object.defineProperty&&Object.getOwnPropertyDescriptor&&Object.getOwnPropertyDescriptor(Element.prototype,"textContent")&&!Object.getOwnPropertyDescriptor(Element.prototype,"textContent").get&&!function(){var t=Object.getOwnPropertyDescriptor(Element.prototype,"innerText");Object.defineProperty(Element.prototype,"textContent",{get:function(){return t.get.call(this)},set:function(e){return t.set.call(this,e)}})}();
\ No newline at end of file
diff --git a/package.json b/package.json
index 5c544a2..75e330c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "md-date-time-picker",
- "version": "0.1.0",
+ "version": "0.2.0",
"description": "An implementation of the Material Design Picker components in vanilla CSS, JS, and HTML",
"main": "gulpfile.js",
"scripts": {
diff --git a/src/js/md-date-time-picker.js b/src/js/md-date-time-picker.js
index 84d9c37..2dfb681 100644
--- a/src/js/md-date-time-picker.js
+++ b/src/js/md-date-time-picker.js
@@ -389,7 +389,6 @@ class mdDateTimePicker {
let subtitle = this._sDialog.subtitle
// switch according to 12 hour or 24 hour mode
if (this._mode) {
- // REVIEW 24 HOUR MODE
this._fillText(hour, m.format('H'))
}
else {
@@ -405,27 +404,45 @@ class mdDateTimePicker {
this._dragDial()
this._switchToView(hour)
this._switchToView(minute)
+ this._addClockEvent()
}
_initHour() {
let hourView = this._sDialog.hourView
let needle = this._sDialog.needle
+ let hour = 'mddtp-hour__selected'
let selected = 'mddtp-picker__cell--selected'
let rotate = 'mddtp-picker__cell--rotate-'
+ let cell = 'mddtp-picker__cell'
let docfrag = document.createDocumentFragment()
+ let hourNow
if (this._mode) {
- // REVIEW 24 HOUR MODE
- const hourNow = parseInt(this._sDialog.tDate.format('H'), 10)
+ hourNow = parseInt(this._sDialog.tDate.format('H'), 10)
+ for (let i = 1,j = 5; i <= 24; i++, j += 5) {
+ let div = document.createElement('div')
+ let 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 {
- const hourNow = parseInt(this._sDialog.tDate.format('h'), 10)
- for (let i = 1,j = 5; i <= 12; i++, j += 5) {
+ hourNow = parseInt(this._sDialog.tDate.format('h'), 10)
+ for (let i = 1,j = 10; i <= 12; i++, j += 10) {
let div = document.createElement('div')
let span = document.createElement('span')
- div.classList.add('mddtp-picker__cell')
+ 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)
}
@@ -444,11 +461,12 @@ class mdDateTimePicker {
_initMinute() {
let minuteView = this._sDialog.minuteView
let minuteNow = parseInt(this._sDialog.tDate.format('m'), 10)
+ let sMinute = 'mddtp-minute__selected'
let selected = 'mddtp-picker__cell--selected'
let rotate = 'mddtp-picker__cell--rotate-'
let cell = 'mddtp-picker__cell'
let docfrag = document.createDocumentFragment()
- for (let i = 5,j = 5; i <= 60; i += 5, j += 5) {
+ for (let i = 5,j = 10; i <= 60; i += 5, j += 10) {
let div = document.createElement('div')
let span = document.createElement('span')
div.classList.add(cell)
@@ -464,6 +482,7 @@ class mdDateTimePicker {
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)
@@ -632,7 +651,7 @@ class mdDateTimePicker {
}
else {
el.addEventListener('click', function () {
- me._switchToTimeView(el, me)
+ me._switchToTimeView(me)
})
}
}
@@ -642,11 +661,10 @@ class mdDateTimePicker {
*
* @method _switchToTimeView
*
- * @param {[type]} el [element to attach event to]
* @param {[type]} me [context]
*
*/
- _switchToTimeView(el, me) {
+ _switchToTimeView(me) {
let hourView = me._sDialog.hourView
let minuteView = me._sDialog.minuteView
let hour = me._sDialog.hour
@@ -734,6 +752,65 @@ class mdDateTimePicker {
}), 300)
}
+ _addClockEvent() {
+ let me = this
+ let hourView = this._sDialog.hourView
+ let minuteView = this._sDialog.minuteView
+ let sClass = 'mddtp-picker__cell--selected'
+ hourView.addEventListener('click', function (e) {
+ let sHour = 'mddtp-hour__selected'
+ let selectedHour = document.getElementById(sHour)
+ let 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.addEventListener('click', function (e) {
+ let sMinute = 'mddtp-minute__selected'
+ let selectedMinute = document.getElementById(sMinute)
+ let 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)
+ }
+ })
+ }
+
_addCellClickEvent(el) {
let me = this
el.addEventListener('click', function (e) {
@@ -969,11 +1046,12 @@ class mdDateTimePicker {
divides++
}
divides += 15
- needle.classList.add(selection, quick, rotate + divides)
+ needle.classList.add(selection, quick, rotate + (divides * 2))
})
fakeNeedleDraggabilly.on('dragEnd', function() {
let minuteViewChildren = me._sDialog.minuteView.getElementsByTagName('div')
- let minuteNow = parseInt(me._sDialog.sDate.format('m'), 10)
+ let sMinute = 'mddtp-minute__selected'
+ let selectedMinute = document.getElementById(sMinute)
let cOffset = circle.getBoundingClientRect()
fakeNeedle.setAttribute('style', 'left:' + (cOffset.left - hOffset.left) + 'px;top:' + (cOffset.top - hOffset.top) + 'px')
needle.classList.remove(quick)
@@ -987,19 +1065,15 @@ class mdDateTimePicker {
divides = 0
}
// remove previously selected value
- // normalize 0 and 1 => 60
- if (minuteNow >= 0 && minuteNow <= 1) {
- minuteNow = 60
- }
- minuteNow = me._nearestDivisor(minuteNow, 5)
- if (minuteNow % 5 === 0) {
- minuteNow /= 5
- minuteNow--
- minuteViewChildren[minuteNow].classList.remove(selected)
+ 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)
@@ -1178,15 +1252,17 @@ class mdDateTimePicker {
let start = (spoke / 12) * 3
// set clocks top and right side value
if (spoke === 12) {
- value *= 5
+ value *= 10
}
else if (spoke === 24) {
- // REVIEW this multiplicativeFactor and also revise css classes for this style
- value *= 10
+ value *= 5
+ }
+ else {
+ value *= 2
}
// special case for 00 => 60
if (spoke === 60 && value === 0) {
- value = 60
+ value = 120
}
return 'mddtp-picker__cell--rotate-' + value
}
diff --git a/src/scss/component.scss b/src/scss/component.scss
index 3e68aa7..c74b931 100644
--- a/src/scss/component.scss
+++ b/src/scss/component.scss
@@ -365,12 +365,12 @@
}
//60 minute deg rotations
- @for $i from 1 through 60 {
+ @for $i from 1 through 120 {
.mddtp-picker__cell--rotate-#{$i} {
- transform: rotate(#{(360 / 60) * $i - 90}deg);
+ transform: rotate(#{(360 / 120) * $i - 90}deg);
span:not(.mddtp-picker__line) {
- $reverse: -((360 / 60) * $i - 90);
+ $reverse: -((360 / 120) * $i - 90);
transform: rotate(#{$reverse}deg);
}
}