diff --git a/_config.yml b/_config.yml
index 7f379caf..311db958 100644
--- a/_config.yml
+++ b/_config.yml
@@ -84,6 +84,8 @@ adminmenu:
         url: /insert-variables/
       - name: Calendar
         url: /calendar/
+      - name: Timepicker
+        url: /timepicker/
       - name: Buttons
         url: /buttons/
       - name: Icon Buttons
diff --git a/_includes/footer.html b/_includes/footer.html
index 3db67bd8..9b601e2e 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -10,6 +10,11 @@
 <!-- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" /> -->
 {% endif %}
 
+{% if page.id == 'timepicker' %}
+<!-- LOAD: jQuery Timepicker -->
+<script src="{{ 'assets/js/timepicker.min.js' || relative_url }}"></script>
+{% endif %}
+
 <script src="{{ 'assets/js/Chart.min.js' || relative_url }}?ver={{ site.suiver }}"></script>
 <script src="{{ 'assets/js/lunr.min.js' || relative_url }}"></script>
 <script src="{{ 'assets/js/highlight.min.js' || relative_url }}"></script>
diff --git a/assets/js/showcase/pages/timepicker.js b/assets/js/showcase/pages/timepicker.js
new file mode 100644
index 00000000..3242da92
--- /dev/null
+++ b/assets/js/showcase/pages/timepicker.js
@@ -0,0 +1,54 @@
+( function( $ ) {
+
+	// Use strict mode
+	'use strict';
+
+	// Define global DEMO object if it does not exist
+	if ( 'object' !== typeof window.DEMO ) {
+		window.DEMO = {};
+	}
+
+	DEMO.pageTimePicker = function( page ) {
+
+		var body = $( 'body' ),
+			page = 'showcase-page-' + page
+			;
+
+		if ( page !== body.attr( 'id' ) ) {
+			return;
+		}
+
+		function timePicker( element ) {
+
+			element = $( element );
+
+			element.clockTimePicker({
+				duration: true,
+				precision: 1,
+				vibrate: true,
+				required: true,
+				alwaysSelectHoursFirst: true
+
+			});
+		}
+
+		function init() {
+
+			timePicker( '#time-simple-default' );
+			timePicker( '#time-simple-error' );
+
+		}
+
+		init();
+
+		return this;
+
+	};
+
+	$( 'body' ).ready( function() {
+
+		DEMO.pageTimePicker( 'timepicker' );
+
+	});
+
+}( jQuery ) );
diff --git a/assets/js/timepicker.min.js b/assets/js/timepicker.min.js
new file mode 100644
index 00000000..05f275ed
--- /dev/null
+++ b/assets/js/timepicker.min.js
@@ -0,0 +1 @@
+eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(1c($){$.6M.1p=1c(V,W){17 X=$.6N(1j,{1S:1d,5a:1d,2c:1d,1r:{5b:\'#3G\',4g:\'#6O\',4h:\'#6P\',5c:\'#5d\',3H:\'#6Q\',4i:\'#5d\',4j:\'#6R\',5e:\'#3I\',5f:\'#3G\',5g:\'#3I\',2S:\'#3G\',2Z:\'#3I\',4k:\'#3I\',4l:\'#3G\'},1h:1d,1F:1d,1C:{2x:\'6S\',2y:14,31:12,3J:20},3K:1d,4m:{5h:\'6T\',5i:\'6U\'},1f:\'23:59\',1g:\'-23:59\',3L:5j,3M:1d,2e:1c(a,b){},5k:1c(a,b){},5l:1c(){},4n:1c(){},5m:1c(){},3N:5n,1k:1,3O:1d,1s:\':\',5o:1d,2f:1j},5p V==\'6V\'?V:{});17 Y=\'.1n-1o 3m { 6W-2q: 5q; }\';11(1A())Y+=\' .1n-1o 3m::5r { 3P:33(2o,2o,2o,0.6); } .1n-1o 3m::-6X-5r { 3P:33(2o,2o,2o,0.6); }\';1c 5s(){17 a=1d;$(\'4o 3Q\').5t(1c(){11($(1G).3n()==Y){a=1j;1l 1d}});11(a)1l 1j;1a 1l 1d}11(!5s()){17 Z=2u.5u(\'3Q\');Z.6Y=\'3n/19\';11(Z.5v)Z.5v.6Z=Y;1a Z.4p(2u.71(Y));(2u.4o||2u.72(\'4o\')[0]).4p(Z)}1l 1G.5t(1c(){17 l=$(1G);17 n={},4q=l.1Q();34(17 o 3R 4q){11(X.73(o)){X[o]=4q[o]}}5w();11(!(\'2f\'3R 2J))X.2f=1d;11(5p V==\'74\'){11(!$(1G).1Z().5x(\'1n-1o\'))2K.3a(\'%c[2L-1n-1o] 75 76 a 1c, 77 78 3S 79!\',\'2q:5y\');1a{V=V.7a();11(V==\'7b\')4r($(1G));1a 11(V==\'7c\'){$(1G).2g(1t(W));17 p=$(1G).1Z().3b(\'.1n-1o-22-3m\');11(p.2z>0)p.2g(1t(W))}1a 11(V==\'7d\'){$(1G).1Z().3b(\'3o:7e\').7f(\'3T\')}1a 11(V==\'7g\'){$(1G).1Z().3b(\'.1n-1o-4s\').19(\'1K\',\'1T\');$(1G).7h()}1a 2K.3a(\'%c[2L-1n-1o] 3p 3U 7i 3c 1p: \'+V,\'2q:5y\')}1l}1a{11($(1G).1Z().5x(\'1n-1o\'))4r($(1G))}l.2g(1t(l.2g()));11(1A())l.3d(\'7j\',1j);17 q=l.2g();17 r=\'\';17 t=\'1w\';17 u=1d;17 v=1d;17 w=1A()?$(2u).1D()-80:X.3N;17 z=w-(1A()?50:20);17 A=1i(z/2);17 B=1i(z/2);17 C=1i(z/2);17 D=A-16;17 E=D-29;17 F=1d;17 G=0;l.7k(\'<2T 2A="1n-1o" 3Q="1K:4t-2U; 2B:5z">\');17 H=$(\'<2T 2A="1n-1o-2c">\');H.19(\'2B\',\'3V\').19(\'2C\',0).19(\'1K\',\'1T\').19(\'1H\',1i(l.19(\'2M-1H\'))+\'1L\').19(\'1E\',\'1N\').19(\'2r-4u\',l.19(\'2r-4u\')).19(\'2r-4v\',l.19(\'2r-4v\')).19(\'2r-5A\',l.19(\'2r-5A\')).19(\'5B-2h\',l.19(\'5B-2h\'));l.1Z().2i(H);l.19(\'5C-1D\',l.3q());2c();17 I;11(1A()){I=$(\'<2T 2A="1n-1o-3P">\');I.19(\'3r\',7l).19(\'1K\',\'1T\').19(\'2B\',\'5D\').19(\'1H\',\'1N\').19(\'1E\',\'1N\').19(\'1D\',\'2N%\').19(\'2h\',\'2N%\').19(\'2V\',\'33(0,0,0,0.6)\');l.1Z().2i(I);1c 4w(a){a.1O()}I.1X(\'3s\',4w);I.1B(\'3s\',4w);1c 4x(a){a.1O();a.3t();11(t==\'1w\')1M();1a 1P();1l 1d}I.1X(\'2D\',4x);I.1B(\'2D\',4x)}17 J=$(\'<2T 2A="1n-1o-4s">\');J.19(\'1K\',\'1T\').19(\'3r\',7m).19(\'4y\',\'4z\').19(\'2B\',\'5D\').19(\'1D\',w+\'1L\').19(\'2V\',X.1r.5e).19(\'7n-7o\',\'0 7p 7q 1N 33(0, 0, 0, 0.14)\').19(\'7r-7s\',\'7t\').19(\'7u\',\'4A\').19(\'7v-7w\',\'1T\');J.1B(\'4B\',1c(){1l 1d});11(1A()){J.19(\'1E\',\'4C\').19(\'1H\',\'4C\');1U.7x("7y",1c(){3W(1c(){4D();2v()},5j)});1c 4E(a){a.1O()}J.1X(\'3s\',4E);J.1B(\'3s\',4E);1c 4F(a){a.3t();11(t==\'1w\')1M();1a 1P();1l 1d}J.1X(\'2D\',4F);J.1B(\'2D\',4F)}l.1Z().2i(J);11(!1A()){1c 4G(a){11(J.19(\'1K\')!=\'1T\'&&!($(a.5E)[0]==K[0]||$.7z(K.1Z()[0],$(a.5E)[0]))){26()}}$(1U).1X(\'2D.1p\',4G);$(1U).1B(\'2D.1p\',4G)}17 K=l;11(1A()){K=$(\'<2T 2A="1n-1o-22-2j">\');K.19(\'1D\',\'2N%\').19(\'2x\',X.1C.2x).19(\'7A\',\'4C\').19(\'2W\',\'3u 1N\').19(\'7B\',\'5F\').19(\'2q\',X.1r.5g).19(\'2V\',X.1r.5f);17 L=$(\'<4H 2A="1n-1o-22-2j-3v">\');K.2i(L);17 M=$(\'<4H>\');M.2s(X.1s);K.2i(M);17 N=$(\'<4H 2A="1n-1o-22-2j-3w">\');K.2i(N);J.2i(K)}11(l.1y(\'2E\'))l.1y(\'1Q-2E-1V\',l.1y(\'2E\'));l.3d(\'2E\',\'1X\');11(l.1y(\'2F\'))l.1y(\'1Q-2F-1V\',l.1y(\'2F\'));l.3d(\'2F\',\'1X\');11(l.1y(\'2G\'))l.1y(\'1Q-2G-1V\',l.1y(\'2G\'));l.3d(\'2G\',\'1X\');11(l.1y(\'2H\'))l.1y(\'1Q-2H-1V\',l.1y(\'2H\'));l.3d(\'2H\',1d);K.1B(\'5G.1p 5H.1p 5I.1p 5J.1p 5K.1p 5L.1p 5M.1p 5N.1p 4B.1p\',5O);K.1B(\'4I.1p\',4J);K.1B(\'5P.1p\',5Q);K.1B(\'3T.1p\',5R);l.1B(\'4K.1p\',5S);l.1B(\'3e.1p\',5T);17 O=$(\'<2T>\');O.19(\'2B\',\'5z\').19(\'1D\',z+\'1L\').19(\'2h\',z+\'1L\').19(\'2M\',\'3u \'+(1A()?25:10)+\'1L\');J.2i(O);17 P=$(\'<3o 2A="1n-1o-7C-3o">\');P.19(\'4y\',\'4z\').19(\'2B\',\'3V\').19(\'1H\',\'1N\').19(\'1E\',\'1N\');P.1y(\'1D\',z);P.1y(\'2h\',z);4L(P);O.2i(P);17 Q=$(\'<3o 2A="1n-1o-7D-3o">\');Q.19(\'4y\',\'4z\').19(\'2B\',\'3V\').19(\'1H\',\'1N\').19(\'1E\',\'1N\').19(\'1K\',\'1T\');Q.1y(\'1D\',z);Q.1y(\'2h\',z);4L(Q);O.2i(Q);11(1A()){17 R=$(\'<2T>\');R.19(\'3n-5U\',\'3X\').19(\'2W\',\'7E 5V\');X.1C.2x=X.1C.2x.1u(/\\"/g,"").1u(/\\\'/g,"");17 S=\'<a 3Q="3n-7F:1T; 2q:\'+X.1r.5b+\'; 2r-4v:\'+X.1C.2x+\'; 2r-4u:\'+X.1C.3J+\'1L; 2W-1E:5V">\';17 T=$(S);T.2s(X.4m.5i);T.1B(\'2D\',1c(){26()});R.2i(T);17 U=$(S);U.2s(X.4m.5h);U.1B(\'2D\',1c(){11(1A())l.2g(1m());11(X.2f)2J.2f(10);26()});R.2i(U);J.2i(R)}1c 5W(){11(2u.7G!=K.1z(0))1l;17 a=2u.5u("3m");l.1Z().1z(0).4p(a);a.3e();l.1Z().1z(0).7H(a)}1c 4L(d){11(!1A()){d.1B(\'4I\',1c(a){17 x=a.3x-$(1G).2k().1E;17 y=a.3y-$(1G).2k().1H;2X(x,y);u=1j});d.1B(\'7I\',1c(a){u=1d;17 x=a.3x-$(1G).2k().1E;17 y=a.3y-$(1G).2k().1H;17 b=1b.4M(1b.3f(1b.2Y(x-B),2)+1b.3f(1b.2Y(y-C),2));11(X.1h&&X.1F&&b<=20){17 c=1m();11(c.2l(/^-/)){1W=c.4N(1)}1a{1W=\'-\'+c.1u(/^(-|\\+)/,\'\')}11(X.1g&&!1q(X.1g,1W))1W=1t(X.1g);11(X.1f&&!1q(1W,X.1f))1W=1t(X.1f);1J(1t(1W));2v();X.2e.1R(l.1z(0),1W.1u(/^\\+/,\'\'),c.1u(/^\\+/,\'\'));11(t==\'1w\')1M();1a 1P();1l}11(!2X(x,y,1j)){11(X.1k==60){26()}1a 11(t==\'1w\'){2O();1P()}1a{26()}1l 1d}11(t==\'2P\'||X.1k==60){26()}1a{2O();1P()}});d.1B(\'7J\',1c(a){17 x=a.3x-$(1G).2k().1E;17 y=a.3y-$(1G).2k().1H;2X(x,y)});d.1B(\'7K\',1c(a){11(t==\'1w\')3g();1a 3h()});d.1B(\'4K\',1c(a){4O(a)})}1a{d.1B(\'7L\',1c(a){a.1O();17 x=a.3Y.3Z[0].3x-$(1G).2k().1E;17 y=a.3Y.3Z[0].3y-$(1G).2k().1H;17 b=1b.4M(1b.3f(1b.2Y(x-B),2)+1b.3f(1b.2Y(y-C),2));11(X.1h&&X.1F&&b<=20){v=1j;17 c=1m();11(c.2l(/^-/)){1W=c.4N(1)}1a{1W=\'-\'+c.1u(/^(-|\\+)/,\'\')}11(X.1g&&!1q(X.1g,1W))1W=1t(X.1g);11(X.1f&&!1q(1W,X.1f))1W=1t(X.1f);1J(1t(1W));2v();X.2e.1R(l.1z(0),1W.1u(/^\\+/,\'\'),c.1u(/^\\+/,\'\'));11(t==\'1w\')1M();1a 1P();1l}u=1j;2X(x,y)});d.1B(\'7M\',1c(a){a.1O();u=1d;11(!v&&X.1k!=60){2O();1P()}v=1d});d.1B(\'3s\',1c(a){a.1O();11(u){17 x=a.3Y.3Z[0].3x-$(1G).2k().1E;17 y=a.3Y.3Z[0].3y-$(1G).2k().1H;2X(x,y)}})}d.1B(\'3T\',1c(a){a.1O();2X();2Q();1M();q=1m()})}1c 5X(a){17 b=J.19(\'1K\')!=\'1T\';11(!1m()){1J(1t(\'1v:1v\'));2Q(!b);1M()}1a 11(X.1k==60){2Q(!b);1M()}1a{17 c=K.19(\'7N\');11(!c)c=\'4P\';17 d=K.19(\'3n-5U\');11(!d)d=\'1E\';17 e=K.3z();17 f=5Y(K.19(\'2W-1E\'));17 g=5Y(K.19(\'2W-3X\'));17 h=e-f-g;H.19(\'1K\',\'4t-2U\');H.2s(1m());17 i=H.3z();H.2s(X.1s);17 j=H.3z()/2;H.2s(1m().1u(2a 1e(X.1s+\'[0-9]+$\'),\'\'));j+=H.3z();H.19(\'1K\',\'1T\');17 k=e/2;11(d==\'1E\'||d==\'7O\'||(c==\'4P\'&&d==\'5Z\')||(c==\'62\'&&d==\'63\')){k=1b.3i(f+j)}1a 11(d==\'5F\'){k=1b.3i(f+((h-i)/2)+j)}1a 11(d==\'3X\'||(c==\'4P\'&&d==\'63\')||(c==\'62\'&&d==\'5Z\')){k=1b.3i(f+h-(i-j))}11(a.7P>=k-2&&(b||!X.5a)){11(t==\'1w\'&&X.2f)2J.2f(10);2O(!b);1P()}1a{11(t==\'2P\'&&X.2f)2J.2f(10);2Q(!b);1M()}}11(!b)4Q()}1c 4O(a){17 e=1U.7Q||a;a.1O();11(2a 64().66()-G<2N)1l;G=2a 64().66();17 b=1b.7R(-1,1b.5C(1,(e.7S||-e.7T)));(2a 1e(\'^(-|\\\\+)?([0-9]+)(.([0-9]{1,2}))?$\')).2p(1m());17 c=X.1h&&X.1F&&1e.$1==\'-\'?1j:1d;17 h=1i(1e.$2);11(c)h=-h;17 m=1e.$4?1i(1e.$4):0;11(t==\'1w\'){11(X.1h&&X.1F&&h==0&&!c&&b==-1)c=1j;1a 11(X.1h&&X.1F&&h==0&&c&&b==1)c=1d;1a h+=b;11(h==-1){11(!X.1h)h=23;1a 11(!X.1F)h=0}11(h==24&&!X.1h)h=0}1a{m+=(b*X.1k);11(m<0)m=60+m;11(m>=60)m=m-60}17 d=1m();17 f=(h<10&&!X.1h?\'0\':\'\')+(c&&h==0?\'-\'+h:h)+X.1s+(m<10?\'0\':\'\')+m;17 g=1j;11(X.1f&&!1q(f,X.1f))g=1d;11(X.1g&&!1q(X.1g,f))g=1d;11(!g&&t==\'1w\'){11(b>0)f=1t(X.1f);1a f=1t(X.1g);g=1j}11(g){1J(1t(f));2c();2v();11(t==\'1w\')1M();1a 1P();11(f!=d)X.2e.1R(l.1z(0),f.1u(/^\\+/,\'\'),d.1u(/^\\+/,\'\'))}}1c 2X(x,y,a){17 b=(7U*1b.7V((y-C)/(x-B))/(2*1b.1x))+90;17 c=1b.4M(1b.3f(1b.2Y(x-B),2)+1b.3f(1b.2Y(y-C),2));17 d=0;17 e=0;17 g=1d;11((2a 1e(\'^(-|\\\\+)?([0-9]+).([0-9]{2})$\')).2p(1m())){g=X.1h&&X.1F&&1e.$1==\'-\'?1j:1d;d=1i(1e.$2);e=1i(1e.$3)}11(t==\'1w\'){b=1b.41(b/30);17 h=-1;11(c<A+10&&c>A-28){11(x-B>=0){11(b==0)h=12;1a h=b}1a 11(x-B<0){h=b+6}}1a 11(c<A-28&&c>A-65){11(x-B>=0){11(b!=0)h=b+12;1a h=0}1a 11(x-B<0){h=b+18;11(h==24)h=0}}11(X.1S){h=h+(h>=12?-12:12)}11(h>-1){17 i=(g?\'-\':\'\')+(h<10&&!X.1h?\'0\':\'\')+h+X.1s+(e<10?\'0\':\'\')+e;11(u||a){17 j=1j;11(X.1f&&!1q(i,X.1f))j=1d;11(X.1g&&!1q(X.1g,i))j=1d;11(!j){11(X.1f&&1q((g?\'-\':\'\')+(h<10&&!X.1h?\'0\':\'\')+h+X.1s+\'1v\',X.1f)){i=1t(X.1f);j=1j}11(X.1g&&!1q(X.1g,(g?\'-\':\'\')+(h<10&&!X.1h?\'0\':\'\')+h+X.1s+\'1v\')){i=1t(X.1g);j=1j}}11(j){17 k=1m();11(i!=k){11(X.2f)2J.2f(10);X.2e.1R(l.1z(0),i.1u(/^\\+/,\'\'),k.1u(/^\\+/,\'\'))}1J(1t(i));2c()}}F=1j;3g(h==0?24:h,X.1h&&X.1F&&c<=12);1l 1j}1a{3g(3A,X.1h&&X.1F&&c<=12);1l 1d}}1a 11(t==\'2P\'){b=1b.41(b/6);17 m=-1;11(c<A+10&&c>A-40){11(x-B>=0){m=b}1a 11(x-B<0){m=b+30;11(m==60)m=0}}11(m>-1){11(X.1k!=1){17 f=1b.3i(m/X.1k);m=f*X.1k+(1b.41((m-f*X.1k)/X.1k)==1?X.1k:0);11(m>=60)m=0}17 i=(g?\'-\':\'\')+(d<10&&!X.1h?\'0\':\'\')+d+X.1s+(m<10?\'0\':\'\')+m;17 j=1j;11(X.1f&&!1q(i,X.1f))j=1d;11(X.1g&&!1q(X.1g,i))j=1d;11((u||a)&&j){17 k=1m();11(i!=k){11(X.2f)2J.2f(10);X.2e.1R(l.1z(0),i.1u(/^\\+/,\'\'),k.1u(/^\\+/,\'\'))}1J(1t(i))}F=1j;3h(m==0?60:m,X.1h&&X.1F&&c<=12);1l 1j}1a{3h(3A,X.1h&&X.1F&&c<=12);1l 1d}}}1c 2v(){11(t==\'1w\'){3g()}1a{3h()}}1c 4R(a,b){a.1Y();a.2t(B,C,12,0,2*1b.1x,1d);a.1I=X.1r.4l;a.2w();11(b){a.1Y();a.2t(B,C,14,0,2*1b.1x,1d);a.3B=X.1r.4l;a.3C()}a.1Y();a.42(B-6,C);a.43(B+6,C);a.44=2;a.3B=X.1r.4k;a.3C();11(!1m().2l(/^-/)){a.1Y();a.42(B,C-6);a.43(B,C+6);a.44=2;a.3B=X.1r.4k;a.3C()}}1c 3g(a,b){17 c=P.1z(0).48(\'2d\');(2a 1e(\'^(-|\\\\+)?([0-9]+).([0-9]{1,2})$\')).2p(1m());17 d=1e.$1==\'-\'?1j:1d;17 e=1i(1e.$2);c.67(0,0,z,z);11(e>=24){J.19(\'4a\',\'4A\');1l}1a{11(!X.3M)J.19(\'4a\',\'68\')}11(e==0)e=24;11(!1m())e=-1;c.1Y();c.2t(B,C,A,0,2*1b.1x,1d);c.1I=X.1r.4g;c.2w();11(!1A()&&a){17 f=1j;11(X.1f&&!1q((d?\'-\':\'\')+(a==24?\'1v\':a)+\':1v\',X.1f))f=1d;11(X.1g&&!1q(X.1g,(d?\'-\':\'\')+(a==24?\'1v\':a)+\':1v\',1j))f=1d;11(f){c.1Y();c.2t(B+1b.2m(1b.1x/6*((a%12)-3))*(a>12?(X.1S?D:E):(X.1S?E:D)),C+1b.2n(1b.1x/6*((a%12)-3))*(a>12?(X.1S?D:E):(X.1S?E:D)),15,0,2*1b.1x,1d);c.1I=X.1r.4j;c.2w()}}c.1Y();c.2t(B,C,3,0,2*1b.1x,1d);c.1I=X.1r.2S;c.2w();11(e>-1&&(!X.1f||e==24||1q(e,X.1f))){c.1Y();c.42(B,C);c.43(B+1b.2m(1b.1x/6*((e%12)-3))*(e>12?(X.1S?D:E):(X.1S?E:D)),C+1b.2n(1b.1x/6*((e%12)-3))*(e>12?(X.1S?D:E):(X.1S?E:D)));c.44=1;c.3B=X.1r.2S;c.3C();c.1Y();c.2t(B+1b.2m(1b.1x/6*((e%12)-3))*(e>12?(X.1S?D:E):(X.1S?E:D)),C+1b.2n(1b.1x/6*((e%12)-3))*(e>12?(X.1S?D:E):(X.1S?E:D)),15,0,2*1b.1x,1d);c.1I=X.1r.2S;c.2w()}c.2r=X.1C.2y+\'1L \'+X.1C.2x;34(i=1;i<=12;i++){17 g=1b.1x/6*(i-3);17 s=i;11(X.1S){s=i+12;11(e==i+12)c.1I=X.1r.2Z;1a c.1I=X.1r.4h;11(s==24)s=\'1v\'}1a{11(e==i)c.1I=X.1r.2Z;1a c.1I=X.1r.3H}11((!X.1f||1q((d?\'-\':\'\')+s+\':1v\',X.1f))&&(!X.1g||1q(X.1g,(d?\'-\':\'\')+s+\':1v\',1j))){c.3j(s,B+1b.2m(g)*D-(c.3k(s).1D/2),C+1b.2n(g)*D+(X.1C.2y/3))}1a 11(!X.3K){c.1I=X.1r.4i;c.3j(s,B+1b.2m(g)*D-(c.3k(s).1D/2),C+1b.2n(g)*D+(X.1C.2y/3))}}c.2r=X.1C.31+\'1L \'+X.1C.2x;34(i=1;i<=12;i++){17 g=1b.1x/6*(i-3);17 s=i;11(!X.1S){s=i+12;11(e==i+12)c.1I=X.1r.2Z;1a c.1I=X.1r.4h;11(s==24)s=\'1v\'}1a{11(e==i)c.1I=X.1r.2Z;1a c.1I=X.1r.3H}11((!X.1f||1q((d?\'-\':\'\')+s+\':1v\',X.1f))&&(!X.1g||1q(X.1g,(d?\'-\':\'\')+s+\':1v\',1j))){c.3j(s,B+1b.2m(g)*E-(c.3k(s).1D/2),C+1b.2n(g)*E+(X.1C.31/3))}1a 11(!X.3K){c.1I=X.1r.5c;c.3j(s,B+1b.2m(g)*E-(c.3k(s).1D/2),C+1b.2n(g)*E+(X.1C.31/3))}}11(X.1h&&X.1F)4R(c,b)}1c 3h(a,b){17 c=Q.1z(0).48(\'2d\');(2a 1e(\'^(-|\\\\+)?([0-9]+).([0-9]{1,2})$\')).2p(1m());17 d=1e.$1==\'-\'?1j:1d;17 e=1i(1e.$2);17 f=1i(1e.$3);11(!1m())f=-1;11(!X.3M)J.19(\'4a\',\'68\');c.67(0,0,z,z);c.1Y();c.2t(B,C,A,0,2*1b.1x,1d);c.1I=X.1r.4g;c.2w();11(!1A()&&a){11(a==60)a=0;17 g=1j;11(X.1f&&!1q((d?\'-\':\'\')+e+\':\'+(a<10?\'0\':\'\')+a,X.1f))g=1d;11(X.1g&&!1q(X.1g,(d?\'-\':\'\')+e+\':\'+(a<10?\'0\':\'\')+a))g=1d;11(g){c.1Y();c.2t(B+1b.2m(1b.1x/6*((a/5)-3))*D,C+1b.2n(1b.1x/6*((a/5)-3))*D,15,0,2*1b.1x,1d);c.1I=X.1r.4j;c.2w()}}c.1Y();c.2t(B,C,3,0,2*1b.1x,1d);c.1I=X.1r.2S;c.2w();11(f>-1&&(!X.1f||1q(e+\':\'+f,X.1f))&&(!X.1g||1q(X.1g,e+\':\'+f))){c.1Y();c.42(B,C);c.43(B+1b.2m(1b.1x/6*((f/5)-3))*D,C+1b.2n(1b.1x/6*((f/5)-3))*D);c.44=1;c.3B=X.1r.2S;c.3C();c.1Y();c.2t(B+1b.2m(1b.1x/6*((f/5)-3))*D,C+1b.2n(1b.1x/6*((f/5)-3))*D,15,0,2*1b.1x,1d);c.1I=X.1r.2S;c.2w()}c.2r=X.1C.2y+\'1L \'+X.1C.2x;34(i=1;i<=12;i++){11(1b.3i(i*5/X.1k)!=i*5/X.1k)7W;17 h=1b.1x/6*(i-3);11(f==i*5||(f==0&&i==12))c.1I=X.1r.2Z;1a c.1I=X.1r.3H;17 s=i*5==5?\'7X\':i*5;11(s==60)s=\'1v\';17 g=1j;11(X.1f&&!1q((d?\'-\':\'\')+e+\':\'+s,X.1f))g=1d;11(X.1g&&!1q(X.1g,(d?\'-\':\'\')+e+\':\'+s))g=1d;11(g){c.3j(s,B+1b.2m(h)*D-(c.3k(s).1D/2),C+1b.2n(h)*D+(X.1C.2y/3))}1a 11(!X.3K){c.1I=X.1r.4i;c.3j(s,B+1b.2m(h)*D-(c.3k(s).1D/2),C+1b.2n(h)*D+(X.1C.2y/3))}}11(f>-1&&f%5!=0){c.1Y();c.2t(B+1b.2m(1b.1x/6*((f/5)-3))*D,C+1b.2n(1b.1x/6*((f/5)-3))*D,2,0,2*1b.1x,1d);c.1I=\'5q\';c.2w()}11(X.1h&&X.1F)4R(c,b)}1c 4D(){17 a;11(1U.4b<7Y){w=1U.4b-60;J.19(\'1D\',w+5n+\'1L\');K.19(\'2B\',\'3V\').19(\'1E\',\'1N\').19(\'1H\',\'1N\').19(\'1D\',\'7Z\').19(\'2h\',w+20+\'1L\');O.19(\'2M\',\'3u 4S 1N 82\');a=w+1i(O.19(\'2M-1H\'))+1i(O.19(\'2M-69\'))}1a{w=1U.3z-80;11(w>4c)w=4c;J.19(\'1D\',w+\'1L\');K.19(\'2B\',\'84\').19(\'1D\',\'2N%\').19(\'2h\',\'86\');O.19(\'2M\',\'3u 4S 3u 4S\');a=w+1i(O.19(\'2M-1H\'))+1i(O.19(\'2M-69\'))+65}J.19(\'1E\',1i(($(\'87\').3d(\'88\')-J.3q())/2)+\'1L\');J.19(\'1H\',1i((1U.4b-a)/2)+\'1L\');z=w-50;A=1i(z/2);B=1i(z/2);C=1i(z/2);D=A-16;E=D-29;O.19(\'1D\',z+\'1L\');O.19(\'2h\',z+\'1L\');17 b=1U.89||1;17 c=P.1z(0);17 d=Q.1z(0);c.1D=z*b;c.2h=z*b;d.1D=z*b;d.2h=z*b;17 e=c.48(\'2d\');17 f=d.48(\'2d\');e.6a(b,b);f.6a(b,b);P.19(\'1D\',z);P.19(\'2h\',z);Q.19(\'1D\',z);Q.19(\'2h\',z)}1c 4Q(){11(!l.2g())1J(1t(\'1v:1v\'));1a 1J(1t(l.2g()));11(!1A()&&X.3M)J.19(\'4a\',\'4A\');11(1A())4D();J.19(\'1K\',\'2U\');2v();11(1A()){11(I)I.3D().19(\'2C\',0).19(\'1K\',\'2U\').4d({2C:1},4c)}1a{4T();$(1U).1B(\'6b.1p\',4U=>{4T()})}X.5m.1R(l.1z(0))}1c 4T(){17 a=l.2k().1H-$(1U).6c()+l.4V();11(a+J.4V()>1U.4b){17 b=l.2k().1H-$(1U).6c()-J.4V();11(b>=0)a=b}17 c=l.2k().1E-$(1U).8a()-1i((J.3q()-l.3q())/2);J.19(\'1E\',c+\'1L\').19(\'1H\',a+\'1L\')}1c 26(){$(1U).1X(\'6b.1p\');17 a=1t(l.2g());r=\'\';J.19(\'1K\',\'1T\');11(1A()){I.3D().4d({2C:0},4c,1c(){I.19(\'1K\',\'1T\')})}1a{l.2g(a)}5W();11(!F&&!q&&a.2l(2a 1e(\'^0+\'+X.1s+\'1v$\'))){1J(\'\')}1a 11(q!=a){11(\'6d\'3R 2u){17 b=2u.6d(\'8b\');b.8c(\'8d\',1j,1d);l.1z(0).8e(b)}1a{17 b=2u.8f();b.8g=\'2D\';l.1z(0).8h(\'8i\',b)}X.5k.1R(l.1z(0),a.1u(/^\\+/,\'\'),q.1u(/^\\+/,\'\'));q=a}X.5l.1R(l.1z(0));F=1d}1c 2Q(a){11(t==\'1w\')1l;r=\'\';3g();11(a){Q.19(\'1K\',\'1T\')}1a{Q.19(\'3r\',2).3D().4d({2C:0,3E:\'80%\',1E:\'10%\',1H:\'10%\'},X.3L,1c(){Q.19(\'1K\',\'1T\')})}P.3D().19(\'3E\',\'2N%\').19(\'1E\',\'1N\').19(\'1H\',\'1N\').19(\'1K\',\'2U\').19(\'2C\',1).19(\'3r\',1);t=\'1w\';X.4n.1R(l.1z(0),t)}1c 2O(a){11(t==\'2P\')1l;r=\'\';3h();Q.3D().19(\'1K\',\'2U\').19(\'3E\',\'80%\').19(\'1E\',\'10%\').19(\'1H\',\'10%\').19(\'2C\',0).19(\'3r\',1);11(a){Q.19(\'2C\',1).19(\'3E\',\'2N%\').19(\'1E\',\'1N\').19(\'1H\',\'1N\')}1a{Q.4d({2C:1,3E:\'2N%\',1E:\'1N\',1H:\'1N\'})}t=\'2P\';X.4n.1R(l.1z(0),t)}1c 1M(){K.3e();3W(1c(){11(1A()){$(\'.1n-1o-22-2j-3v\').19(\'2V\',\'33(2o, 2o, 2o, 0.6)\');$(\'.1n-1o-22-2j-3w\').19(\'2V\',\'6e\')}1a{K.1z(0).6f(0,1m().6g(X.1s))}},1)}1c 1P(){K.3e();3W(1c(){11(1A()){$(\'.1n-1o-22-2j-3v\').19(\'2V\',\'6e\');$(\'.1n-1o-22-2j-3w\').19(\'2V\',\'33(2o, 2o, 2o, 0.6)\')}1a{K.1z(0).6f(1m().6g(X.1s)+1,1m().2z)}},1)}1c 2c(){11(!X.2c||1A())1l;H.2s(l.2g());H.19(\'1K\',\'4t-2U\');l.19(\'1D\',H.3q()+5+1i(l.19(\'2W-1E\'))+1i(l.19(\'2W-3X\'))+\'1L\');H.19(\'1K\',\'1T\')}1c 1t(a){11(a==\'\'){11(X.3O)1l X.1h?\'0:1v\':\'1v:1v\';1a 1l a}11((2a 1e(\'^(-|\\\\+)?([0-9]+)(.([0-9]{1,2})?)?$\',\'i\')).2p(a)){17 b=1i(1e.$2);17 c=1i(1e.$4);11(!c)c=0;17 d=X.1h&&X.1F&&1e.$1==\'-\'?1j:1d;11(b>=24&&!X.1h)b=b%24;11(c>=60)c=c%60;11(X.1k!=1){17 f=1b.3i(c/X.1k);c=f*X.1k+(1b.41((c-f*X.1k)/X.1k)==1?X.1k:0);11(c==60){c=0;b++;11(b==24&&!X.1h)b=0}}a=(d?\'-\':\'\')+(b<10&&!X.1h?\'0\':\'\')+b+X.1s+(1e.$3?(c<10?\'0\':\'\')+c:\'1v\')}1a 11((2a 1e(\'^(-|\\\\+)?.([0-9]{1,2})\')).2p(a)){17 c=1i(1e.$2);17 d=X.1h&&X.1F&&1e.$1==\'-\'?1j:1d;11(c>=60)c=c%60;a=(d&&c>0?\'-\':\'\')+\'0\'+(!X.1h?\'0\':\'\')+X.1s+(c<10?\'0\':\'\')+c}1a{a=\'0\'+(!X.1h?\'0\':\'\')+X.1s+\'1v\'}1l(X.1h&&X.5o&&!a.2l(/^\\-/)&&!a.2l(/^0+:1v$/)?\'+\':\'\')+a}1c 4r(a){a.1Z().3b(\'.1n-1o-2c\').4W();a.1Z().3b(\'.1n-1o-3P\').4W();a.1Z().3b(\'.1n-1o-4s\').4W();a.8j();a.1X(\'5G.1p 5H.1p 5I.1p 5J.1p 5K.1p 5L.1p 5M.1p 5N.1p 4B.1p\');a.1X(\'4I.1p\');a.1X(\'5P.1p\');a.1X(\'3T.1p\');a.1X(\'4K.1p\');a.1X(\'3e.1p\');11(a.1y(\'1Q-2E-1V\')){a.1y(\'2E\',a.1y(\'1Q-2E-1V\'));a.2R(\'1Q-2E-1V\')}1a a.2R(\'2E\');11(a.1y(\'1Q-2F-1V\')){a.1y(\'2F\',a.1y(\'1Q-2F-1V\'));a.2R(\'1Q-2F-1V\')}1a a.2R(\'2F\');11(a.1y(\'1Q-2G-1V\')){a.1y(\'2G\',a.1y(\'1Q-2G-1V\'));a.2R(\'1Q-2G-1V\')}1a a.2R(\'2G\');11(a.1y(\'1Q-2H-1V\')){a.1y(\'2H\',a.1y(\'1Q-2H-1V\'));a.2R(\'1Q-2H-1V\')}1a a.2R(\'2H\')}1c 5S(a){11(l.4X(":3e"))4O(a)}1c 5T(a){11(1A()){4Q();2Q(1j);1M()}1a{3W(1c(){11(J.19(\'1K\')==\'1T\')4J(a)},50)}}1c 5O(a){a.3t();a.1O();1l 1d}1c 4J(a){5X(a);a.3t();a.4e();a.1O();1l 1d}1c 5R(a){11(a.2b==9){26()}1a 11(a.2b==13){26()}1a 11(a.2b==27){1J(1t(q));26()}1a 11(a.2b==8||a.2b==46){r=\'\';11(!1m())1l 1d;17 b=1m();17 c;a.1O();(2a 1e(\'^(-|\\\\+)?([0-9]+)(.([0-9]{1,2}))?$\')).2p(1m());17 d=X.1h&&X.1F&&1e.$1==\'-\'?1j:1d;17 h=1i(1e.$2);17 m=1e.$4?1i(1e.$4):0;11(t==\'1w\'){11(h==0){c=X.3O?(!X.1h?\'0\':\'\')+\'0\'+X.1s+\'1v\':\'\'}1a{c=(!X.1h?\'0\':\'\')+\'0\'+X.1s+(m<10?\'0\':\'\')+m}1J(1t(c));11(!c){26()}1a{1M()}11(b!=c)X.2e.1R(l.1z(0),c.1u(/^\\+/,\'\'),b.1u(/^\\+/,\'\'))}1a{11(m==0){11(h==0&&!X.3O){1J(\'\');11(b!=\'\')X.2e.1R(l.1z(0),\'\',b.1u(/^\\+/,\'\'));26()}1a{2Q();1M()}}1a{c=(d?\'-\':\'\')+(h<10&&!X.1h?\'0\':\'\')+h+X.1s+\'1v\';1J(1t(c));1P();11(b!=c)X.2e.1R(l.1z(0),c.1u(/^\\+/,\'\'),b.1u(/^\\+/,\'\'))}}2c()}1a 11((a.2b==36||a.2b==37)&&1m()!=\'\'){1J(1t(1m()));11(t!=\'1w\'){1M();2Q()}1a{a.1O();a.4e()}}1a 11((a.2b==35||a.2b==39)&&1m()!=\'\'){1J(1t(1m()));11(X.1k!=60&&t!=\'2P\'){1P();2O()}1a{a.1O();a.4e()}}1a 11(a.2b==8k||a.2I==X.1s){a.1O();11(1m().2z==0)1J(\'0\');1J(1t(1m()));11(X.1k!=60){1P();11(t!=\'2P\')2O()}1a{1M()}}1a 11(a.2I==\'+\'&&X.1h&&X.1F){a.1O();17 b=1m();11(b[0]==\'-\'){17 c=b.4N(1);1J(1t(c));X.2e.1R(l.1z(0),c,b);2c();2v();11(t==\'1w\')1M();1a 1P()}}1a 11(a.2I==\'-\'&&X.1h&&X.1F){a.1O();17 b=1m().1u(/^\\+/,\'\');11(b[0]!=\'-\'){17 c=\'-\'+b;1J(1t(c));X.2e.1R(l.1z(0),c,b);2c();2v();11(t==\'1w\')1M();1a 1P()}}1a 11(a.2b==38||a.2I==\'+\'||a.2b==40||a.2I==\'-\'){a.1O();17 b=1m();(2a 1e(\'^(-|\\\\+)?([0-9]+)(.([0-9]{1,2}))?$\')).2p(b);17 h=1i(1e.$2);11(X.1h&&X.1F&&1e.$1==\'-\')h=-h;17 m=1e.$4?1i(1e.$4):0;11(t==\'1w\')h+=a.2b==38||a.2I==\'+\'?1:-1;1a{m+=(a.2b==38||a.2I==\'+\'?1:-1)*X.1k;11(m<0)m=0;1a 11(m>59)m=60-X.1k}17 e=X.1g;11((!X.1h||!X.1F)&&e[0]==\'-\')e=\'0:1v\';17 f=X.1f;11(X.1k!=1){17 g=1i(f.1u(/^(\\+|-)?[0-9]+./,\'\'));f=f.1u(/.[0-9]+$/,\'\')+X.1s+(g-(g%X.1k))}17 c=(h<0?\'-\':\'\')+(h<10&&!X.1h?\'0\':\'\')+1b.2Y(h)+X.1s+(m<10?\'0\':\'\')+m;11(t==\'1w\'){11(!1q(c,f))c=f;1a 11(!1q(e,c))c=e}11(b!=c){1J(1t(c));X.2e.1R(l.1z(0),c.1u(/^\\+/,\'\'),b.1u(/^\\+/,\'\'));2c();2v();11(t==\'1w\')1M();1a 1P()}}1a{a.1O();a.4e();a.3t();1l 1d}}1c 5Q(a){11(a.8l||a.8m||a.8n||!a.2I.2l(/^[0-9]{1}$/))1l;17 b=1m().1u(/.[0-9]+$/,\'\');17 c=1m().1u(/^(\\+|-)?[0-9]+./,\'\');17 d=1m()[0]==\'-\';17 e=1m();r+=a.2I;17 f=(t==\'1w\'?(d?\'-\':\'\')+(!X.1h&&r.2z==1?\'0\':\'\')+r:b)+X.1s+(t==\'1w\'?c:(r.2z==1?\'0\':\'\')+r);11(1q(f,X.1g))f=X.1g;11(1q(X.1f,f))f=X.1f;f=1t(f);1J(f);F=1j;17 g=(t==\'1w\'?(d?\'-\':\'\')+(r+\'0\'):b)+X.1s+(t==\'1w\'?\'1v\':(r+\'0\'));11((t==\'2P\'&&(r.2z==2||1i(r+\'0\')>=60))||(t==\'1w\'&&!X.1h&&r.2z==2)||(d?!1q(X.1g,g):!1q(g,X.1f))){r=\'\';11(t==\'1w\'){11(X.1k==60||(f==X.1f&&X.1f.2l(/1v$/))||(X.1g[0]==\'-\'&&f==X.1g&&X.1g.2l(/1v$/))){26();1l}1a{2O();1P();1l}}1a{26();1l}}11(t==\'1w\')1M();1a 1P();11(f!=e)X.2e.1R(l.1z(0),f.1u(/^\\+/,\'\'),e.1u(/^\\+/,\'\'));2c();2v()}1c 1m(){11(1A()){1l $(\'.1n-1o-22-2j-3v\').2s()+X.1s+$(\'.1n-1o-22-2j-3w\').2s()}1a{1l K.2g()}}1c 1J(a){11(1A()){11(a.2l(/^(-|\\\\+)?([0-9]{1,2}).([0-9]{1,2})$/)){17 b=1e.$1+(!X.1h&&1e.$2.2z==1?\'0\':\'\')+1e.$2;17 c=(1e.$3.2z==1?\'0\':\'\')+1e.$3;$(\'.1n-1o-22-2j-3v\').2s(b);$(\'.1n-1o-22-2j-3w\').2s(c)}}1a{K.2g(a)}}});1c 1A(){17 b=1d;(1c(a){11(/(8o|bb\\d+|8p).+22|8q|8r\\/|8s|8t|8u|8v|8w|8x|8y|6h(8z|6i)|6j|8A|8B |8C|8D|8E|22.+8F|8G|6k m(8H|3R)i|8I( 6l)?|8J|p(8K|8L)\\/|8M|8N|8O|8P(4|6)0|8Q|8R|6m\\.(8S|8T)|8U|8V|8W ce|8X|8Y/i.2p(a)||/8Z|91|92|93|94|50[1-6]i|95|96|a 6n|97|ac(6o|6p|s\\-)|ai(99|9a)|al(av|ca|co)|9b|an(9c|4Y|9d)|9e|ar(ch|4Z)|as(51|9f)|9g|au(9h|\\-m|r |s )|9i|be(ck|6q|9j)|bi(9k|9l)|bl(ac|az)|br(e|v)w|9m|bw\\-(n|u)|9n\\/|9o|9p|9q\\-|9r|9s|9t|9u\\-|co(9v|6r)|9w|9x(55|6q|9y)|9z|9A\\-s|9B|9C|9D|6s(c|p)o|9E(12|\\-d)|9F(49|ai)|9G(9H|9I)|6o(9J|9K)|9L|9M([4-7]0|6l|6n|9N)|9O|9P(\\-|4U)|6t u|9Q|9R|9S\\-5|g\\-56|4Z(\\.w|6i)|9T(ad|9U)|9V|9W|9X\\-(m|p|t)|9Y\\-|9Z(6u|6v)|a0( i|6h)|a1\\-c|a2(c(\\-| |4U|a|g|p|s|t)|a3)|a4(aw|a5)|i\\-(20|4Z|57)|a6|a7( |\\-|\\/)|a8|a9|aa|ab|ae|af|ag|6j|ah(t|v)a|aj|ak|am|ao|ap|aq( |\\/)|at|ax |aA\\-|aB(c|k)|aC(6w|aD)|aE( g|\\/(k|l|u)|50|54|\\-[a-w])|aF|aG|aH\\-w|aI|aJ\\/|57(51|aK|aL)|6x(3F|21|ca)|m\\-cr|aM(aN|6y)|aO(aP|aQ|6z)|aR|56(3F|aS|bi|aT|6s|t(\\-| |o|v)|aU)|aV(50|aW|v )|aX|aY|aZ[0-2]|b0[2-3]|b1(0|2)|b2(0|2|5)|b4(0(0|1)|10)|b5((c|m)\\-|1B|b6|b7|b8|b9)|ba(6|i)|bc|bd|bf(bg|bh)|bj|bk|bm|bn(a|d|t)|bo|bp(13|\\-([1-8]|c))|bq|bs|6A(ay|bt)|bu\\-2|bv(ck|bx|6B)|by|bz|6u\\-g|bA\\-a|bB(bC|12|21|32|60|\\-[2-7]|i\\-)|bD|bE|bF|bG|bH|bI(bJ|bK)|bL\\/|bM(bN|57|bO|bP|4Y|bQ)|bR(3F|h\\-|6p|p\\-)|bS\\/|6B(c(\\-|0|1)|47|6x|6r|6y)|bT\\-|bU|bV(\\-|m)|bW\\-0|bX(45|bY)|bZ(al|ar|b3|55|c0)|c1(c2|4Y)|c3(3F|h\\-|v\\-|v )|c4(3F|c5)|c6(18|50)|c7(1v|10|18)|6v(c8|c9)|cb\\-|cc\\-|cd(i|m)|cf\\-|t\\-56|3c(6A|cg)|6z(70|m\\-|ci|cj)|cl\\-9|6m(\\.b|6t|cm)|cn|cp|cq|cs|ct(cu|51)|cv(40|5[0-3]|\\-v)|cw|cx|cy|cz(52|53|60|61|70|80|81|83|85|98)|cA(\\-| )|cB|cC|cD(g |cE|cF)|cG|cH|cI|cJ\\-|cK|cL|cM\\-/i.2p(a.cN(0,4)))b=1j})(2J.cO||2J.cP||1U.6k);1l b}1c 1q(a,b,c){17 d=\'^(-|\\\\+)?([0-9]+)(.([0-9]{1,2}))?$\';(2a 1e(d,\'i\')).2p(a);17 e=1i(1e.$2)*60;11(1e.$4&&!c)e+=1i(1e.$4);11(1e.$1==\'-\')e*=-1;(2a 1e(d,\'i\')).2p(b);17 f=1i(1e.$2)*60;11(1e.$4&&!c)f+=1i(1e.$4);11(1e.$1==\'-\')f*=-1;11(e<=f)1l 1j;1a 1l 1d}1c 5w(){X.1k=1i(X.1k);X.3L=1i(X.3L);X.3N=1i(X.3N);X.1C.2y=1i(X.1C.2y);X.1C.31=1i(X.1C.31);X.1C.3J=1i(X.1C.3J);11(X.1k!=1&&X.1k!=5&&X.1k!=10&&X.1k!=15&&X.1k!=30&&X.1k!=60){2K.6C(\'%c[2L-1n-1o] 3p 1k 6D: \'+X.1k+\'! cQ 4f 3c be 1, 5, 10, 15, 30 cR 60. 6E 6F, 3S 1k 4f 6G 58 6H 3c: 1\',\'2q:3l\');X.1k=1}11(!X.1s||(\'\'+X.1s).2l(/[0-9]+/)){2K.6C(\'%c[2L-1n-1o] 3p 1s 6D: \'+(X.1s?X.1s:\'(6I)\')+\'! cS 1s cT be 6I cU cV 55 cW cX cY. 6E 6F, 3S 1s 4f 6G 58 6H 3c a cZ (:).\',\'2q:3l\');X.1s=\':\'}11(X.1F&&!X.1h){2K.3a(\'%c[2L-1n-1o] 1F 4X 58 3c 1j, d0 1G 4f 6w d1 d2 1h 4X 1d!\',\'2q:3l\')}11(X.1f&&!X.1f.2l(/^-?[0-9]+:[0-9]{2}$/)){2K.3a(\'%c[2L-1n-1o] 3p 2j 6J 34 3U "1f": \'+X.1f+\'! d3 6K 6L...\',\'2q:3l\');X.1f=3A}11(X.1g&&!X.1g.2l(/^-?[0-9]+:[0-9]{2}$/)){2K.3a(\'%c[2L-1n-1o] 3p 2j 6J 34 3U "1g": \'+X.1g+\'! d4 6K 6L...\',\'2q:3l\');X.1g=3A}11(X.1g&&X.1f&&(X.1g==X.1f||!1q(X.1g,X.1f))){2K.3a(\'%c[2L-1n-1o] d5 "1g" d6 be d7 d8 3S 3U "1f"!\',\'2q:3l\');X.1g=3A}}}}(d9));',62,816,'|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||if||||||var||css|else|Math|function|false|RegExp|maximum|minimum|duration|parseInt|true|precision|return|getInputElementValue|clock|timepicker|clockTimePicker|isTimeSmallerOrEquals|colors|separator|formatTime|replace|00|HOUR|PI|attr|get|isMobile|on|fonts|width|left|durationNegative|this|top|fillStyle|setInputElementValue|display|px|selectHourOnInputElement|0px|preventDefault|selectMinuteOnInputElement|data|call|afternoonHoursInOuterCircle|none|window|orig|newVal|off|beginPath|parent|||mobile||||hideTimePicker||||new|keyCode|autosize||onAdjust|vibrate|val|height|append|time|offset|match|cos|sin|255|test|color|font|html|arc|document|repaintClock|fill|fontFamily|clockOuterCircleFontSize|length|class|position|opacity|click|autocomplete|autocorrect|autocapitalize|spellcheck|key|navigator|console|jquery|margin|100|switchToMinuteMode|MINUTE|switchToHourMode|removeAttr|selectorColor|div|block|backgroundColor|padding|processTimeSelection|abs|selectorNumberColor||clockInnerCircleFontSize||rgba|for||||||log|find|to|prop|focus|pow|repaintClockHourCanvas|repaintClockMinuteCanvas|floor|fillText|measureText|orange|input|text|canvas|Invalid|outerWidth|zIndex|touchmove|stopImmediatePropagation|10px|hours|minutes|pageX|pageY|innerWidth|null|strokeStyle|stroke|stop|zoom|01|0797FF|clockOuterCircleTextColor|FFFFFF|buttonFontSize|hideUnselectableNumbers|modeSwitchSpeed|onlyShowClockOnMobile|popupWidthOnDesktop|required|background|style|in|the|keydown|option|absolute|setTimeout|right|originalEvent|touches||round|moveTo|lineTo|lineWidth||||getContext||visibility|innerHeight|300|animate|stopPropagation|has|clockFaceColor|clockInnerCircleTextColor|clockOuterCircleUnselectableTextColor|hoverCircleColor|signButtonColor|signButtonBackgroundColor|i18n|onModeSwitch|head|appendChild|_data|disposeTimePicker|popup|inline|size|family|onBackgroundTouchMove|onBackgroundClick|cursor|default|hidden|contextmenu|40px|adjustMobilePopupDimensionAndPosition|onPopupTouchMove|onPopupClick|onWindowClick|span|mousedown|onInputElementMouseDown|mousewheel|registerDraggingEventsOnCanvas|sqrt|substring|processMouseWheelEvent|ltr|showTimePicker|repaintSignButton|25px|positionPopup|_|outerHeight|remove|is|ny|go||te||||it|mo|ma|set||alwaysSelectHoursFirst|buttonTextColor|clockInnerCircleUnselectableTextColor|CCCCCC|popupBackgroundColor|popupHeaderBackgroundColor|popupHeaderTextColor|okButton|cancelButton|500|onChange|onClose|onOpen|200|useDurationPlusSign|typeof|white|selection|cssAlreadyInitialized|each|createElement|styleSheet|validateSettings|hasClass|red|relative|weight|line|min|fixed|target|center|drag|dragend|dragover|dragenter|dragstart|dragleave|drop|selectstart|onInputElementDragSelectContextMenu|keyup|onInputElementKeyUp|onInputElementKeyDown|onInputElementMouseWheel|onInputElementFocus|align|30px|blurAll|processClick|parseFloat|start|||rtl|end|Date||getTime|clearRect|visible|bottom|scale|scroll|scrollTop|createEvent|inherit|setSelectionRange|indexOf|ip|od|iris|opera|os|up|wa|er|oo|ll|nd|do|g1|pt|ta|no|mc|ri|ts|pl|se|error|specified|For|now|been|back|empty|format|not|used|fn|extend|EEEEEE|888888|000000|DDDDDD|Arial|OK|Cancel|object|caret|moz|type|cssText||createTextNode|getElementsByTagName|hasOwnProperty|string|Before|calling|please|initialize|ClockTimePicker|toLowerCase|dispose|value|show|first|trigger|hide|blur|passed|readonly|wrap|99998|99999|box|shadow|4px|20px|border|radius|5px|overflow|user|select|addEventListener|orientationchange|contains|fontSize|textAlign|hour|minute|15px|decoration|activeElement|removeChild|mouseup|mousemove|mouseleave|touchstart|touchend|direction|justify|offsetX|event|max|wheelDelta|detail|360|atan|continue|05|400|200px|||230px||static||auto|body|clientWidth|devicePixelRatio|scrollLeft|HTMLEvents|initEvent|change|dispatchEvent|createEventObject|eventType|fireEvent|onchange|unwrap|190|shiftKey|ctrlKey|altKey|android|meego|avantgo|bada|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|hone|kindle|lge|maemo|midp|mmp|firefox|netfront|ob|palm|phone|ixi|re|plucker|pocket|psp|series|symbian|treo|browser|link|vodafone|wap|windows|xda|xiino|1207||6310|6590|3gso|4thp|770s|802s|abac||ko|rn|amoi|ex|yw|aptu|us|attw|di|avan|nq|lb|rd|bumb|c55|capi|ccwa|cdm|cell|chtm|cldc|cmd|mp|craw|da|ng|dbte|dc|devi|dica|dmob|ds|el|em|l2|ul|ic|k0|esl8|ez|ze|fetc|fly|g560|gene|gf|gr|un|haie|hcit|hd|hei|hi|hp|hs|ht|tp|hu|tc|i230|iac|ibro|idea|ig01|ikom|||im1k|inno|ipaq|ja||jbro|jemu||jigs||kddi|keji|kgt|||klon||||kpt|||kwc|kyo|le|xi|lg|libw|lynx|m1|m3ga|m50|ui|xo|me|rc|mi|o8|oa|mmef|02|de|zz|mt|p1|mwbp|mywa|n10|n20|n30|n50||n7|ne|tf|wf|wg|wt|nok||nzph|o2im||op|ti|wv||oran|owg1||p800|pan|pdxg|pg|phil||pire|uc|pn|po||rt|prox|psio|qa|qc|07|qtek|r380|r600|raks|rim9|ro|ve|zo|s55|sa|ge|mm|ms|va|sc|sdk|sgh|shar|sie|sk|sl|id|sm|t5|so|ft|sp|sy|mb|t2|t6|gt|lk||tcl|tdg|tel||tim|sh||m3|m5||tx|si|utst||v400|v750||veri|vi|rg|vk|vm40|voda|vulc|vx|w3c|webc|whit|wi|nc|nw|wmlb|wonu|x700|yas|your|zeto|zte|substr|userAgent|vendor|Precision|or|The|cannot|nor|can|contain|any|decimals|colon|but|effect|because|Maximum|Minimum|Option|must|smaller|than|jQuery'.split('|'),0,{}))
\ No newline at end of file
diff --git a/assets/scss/shared-ui/_forms.scss b/assets/scss/shared-ui/_forms.scss
index 8597381c..8de3891f 100644
--- a/assets/scss/shared-ui/_forms.scss
+++ b/assets/scss/shared-ui/_forms.scss
@@ -533,7 +533,8 @@
 	}
 
 	// GROUP: Date
-	.sui-date {
+	.sui-date,
+	.sui-time {
 		position: relative;
 
 		.sui-form-control {
diff --git a/assets/scss/shared-ui/_timepicker.scss b/assets/scss/shared-ui/_timepicker.scss
new file mode 100644
index 00000000..96a1ce3c
--- /dev/null
+++ b/assets/scss/shared-ui/_timepicker.scss
@@ -0,0 +1,22 @@
+@include body-class {
+
+    .clock-timepicker{
+        width: 100%;
+        
+        .time.sui-form-control{
+            transition: none;
+        }
+
+        .clock-timepicker-popup{
+            left: 0 !important;
+            position: absolute !important;
+            top: 100% !important;
+            border-width: $calendar-border--width;
+			border-style: $calendar-border--style; 
+			border-color: $calendar-border--color;
+			border-radius: $calendar-border--radius;
+            box-shadow: $calendar-shadow !important;
+            
+        }
+    }
+}
\ No newline at end of file
diff --git a/assets/scss/shared-ui/shared-ui.scss b/assets/scss/shared-ui/shared-ui.scss
index 5f3fb7e0..755a72ed 100644
--- a/assets/scss/shared-ui/shared-ui.scss
+++ b/assets/scss/shared-ui/shared-ui.scss
@@ -41,6 +41,7 @@
 @import "select2";
 @import "calendar";
 @import "calendar-range";
+@import "timepicker";
 @import "utility";
 @import "wp-admin-notices";
 @import "ace-editor";
diff --git a/page-timepicker.html b/page-timepicker.html
new file mode 100644
index 00000000..e1cc6484
--- /dev/null
+++ b/page-timepicker.html
@@ -0,0 +1,206 @@
+---
+layout: default
+title: Timepicker
+permalink: /timepicker/
+id: timepicker
+is_searchable: true
+---
+
+<section class="sui-row-with-sidenav">
+
+	<!-- Navigation -->
+	<div class="sui-sidenav" role="navigation">
+
+		<ul class="sui-vertical-tabs">
+
+			<li class="sui-vertical-tab current">
+				<a href="#" role="button" data-tab="single">Timepicker</a>
+			</li>
+
+		</ul>
+
+	</div>
+
+	<!-- TAB: Timepicker -->
+	<div class="sui-box" data-tab="single">
+
+		<div class="sui-box-header">
+			<h2 class="sui-box-title">Timepicker</h2>
+		</div>
+
+		<div class="sui-box-body">
+
+			<div class="sui-notice sui-notice-warning">
+				<p>The <strong>Shared UI Library</strong> supports styling for the timepicker, but to make it work you will need to include <a href="https://github.com/loebi-ch/jquery-clock-timepicker/" target="_blank">jQuery Timepicker plugin</a>.</p>
+			</div>
+
+			<div class="sui-tabs sui-side-tabs">
+
+				<div role="tablist" class="sui-tabs-menu">
+
+					<button
+						type="button"
+						role="tab"
+						id="tab-single-default"
+						class="sui-tab-item active"
+						aria-controls="tab-content-single-default"
+						aria-selected="true"
+					>
+						Default State
+					</button>
+
+					<button
+						type="button"
+						role="tab"
+						id="tab-single-error"
+						class="sui-tab-item"
+						aria-controls="tab-content-single-error"
+						aria-selected="false"
+						tabindex="-1"
+					>
+						Error State
+					</button>
+
+				</div>
+
+				<div class="sui-tabs-content sui-tabs-content-lg">
+
+					<div
+						role="tabpanel"
+						tabindex="0"
+						id="tab-content-single-default"
+						class="sui-tab-content active"
+						aria-labelledby="tab-single-default"
+					>
+
+						<div class="sui-form-field">
+
+							<label for="time-simple-default" id="time-simple-default--label" class="sui-label">Expiration Time</label>
+
+							<div class="sui-time">
+								<input
+									type="text"
+									value="00:00"
+									placeholder="Pick a time"
+									id="time-simple-default"
+									class="time sui-form-control"
+									aria-labelledby="time-simple-default--label"
+									aria-describedby="time-simple-default--message time-simple-default--error"
+								/>
+								<span class="sui-icon-clock" aria-hidden="true"></span>
+							</div>
+
+							<span id="time-simple-default--error" class="sui-error-message"></span>
+
+							<span id="time-simple-default--message" class="sui-description">Set an expiration time for your module.</span>
+
+						</div>
+
+					</div>
+
+					<div
+						role="tabpanel"
+						tabindex="0"
+						id="tab-content-single-error"
+						class="sui-tab-content"
+						aria-labelledby="tab-single-error"
+						hidden
+					>
+
+						<div class="sui-form-field sui-form-field-error">
+
+							<label for="time-simple-error" id="time-simple-error--label" class="sui-label">Expiration Time</label>
+
+							<div class="sui-time">
+								<input
+									type="text"
+									placeholder="Pick a time"
+									id="time-simple-error"
+									class="sui-form-control"
+									aria-labelledby="time-simple-error--label"
+									aria-describedby="time-simple-error--message time-simple-error--error"
+								/>
+								<span class="sui-icon-clock" aria-hidden="true"></span>
+							</div>
+
+							<span id="time-simple-error--error" class="sui-error-message">Expiration time is not valid.</span>
+
+							<span id="time-simple-error--message" class="sui-description">Set an expiration time for your module.</span>
+
+						</div>
+
+					</div>
+
+				</div>
+
+			</div>
+
+			<div class="sui-box-settings-row">
+
+				<div class="sui-box-settings-col-2">
+
+					<h3 class="sui-label">HTML Markup</h3>
+
+					<div class="demo-code-block">
+
+<pre class="sui-code-snippet html">
+&lt;div class=&quot;sui-form-field&quot;&gt;
+
+	&lt;label for=&quot;unique-id&quot; id=&quot;unique-id--label&quot; class=&quot;sui-label&quot;&gt;Label&lt;/label&gt;
+
+	&lt;div class=&quot;sui-time&quot;&gt;
+		&lt;input
+			type=&quot;text&quot;
+			value=&quot;00:00&quot;
+			placeholder=&quot;Placeholder&quot;
+			id=&quot;unique-id&quot;
+			class=&quot;time sui-form-control&quot;
+			aria-labelledby=&quot;unique-id--label&quot;
+			aria-describedby=&quot;unique-id--message unique-id--error&quot;
+		/&gt;
+		&lt;span class=&quot;sui-icon-clock&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;
+	&lt;/div&gt;
+
+	&lt;!-- NOTE: Print error message when error occurs and display message --&gt;
+	&lt;span id=&quot;unique-id--error&quot; class=&quot;sui-error-message&quot; style=&quot;display: none;&quot;&gt;&lt;/span&gt;
+
+	&lt;span id=&quot;unique-id--message&quot; class=&quot;sui-description&quot;&gt;Field message goes here.&lt;/span&gt;
+
+&lt;/div&gt;
+</pre>
+
+					</div>
+
+				</div>
+
+			</div>
+
+			<div class="sui-box-settings-row">
+
+				<div class="sui-box-settings-col-2">
+
+					<h3 class="sui-label">Sample JS</h3>
+
+					<div class="demo-code-block">
+
+<pre class="sui-code-snippet js">
+$( '#unique-id' ).clockTimePicker({
+	duration: true,
+	precision: 1,
+	vibrate: true,
+	required: true,
+	alwaysSelectHoursFirst: true
+});
+</pre>
+
+					</div>
+
+				</div>
+
+			</div>
+
+		</div>
+
+	</div>
+
+</section>
\ No newline at end of file