9862.1c75843655aaedc3.js

"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[9862],{9862:(h,a,_)=>{_.r(a),_.d(a,{NpTimePickerDemoModule:()=>p});var Z=_(8379),e=_(4650),r=_(5499),m=_(6895),l=_(433);function s(c,d){1&c&&(e.TgZ(0,"div",25),e._uU(1," Start time is required. "),e.qZA())}function T(c,d){1&c&&(e.TgZ(0,"div",25),e._uU(1," Time is required. "),e.qZA())}function q(c,d){if(1&c){const i=e.EpF();e.TgZ(0,"div")(1,"fieldset")(2,"legend"),e._uU(3,"Basic"),e.qZA(),e.TgZ(4,"np-time-picker",6),e.NdJ("ngModelChange",function(n){e.CHM(i);const t=e.oxw();return e.KtG(t.timePicker1=n)}),e.qZA(),e.TgZ(5,"div"),e._uU(6),e.qZA(),e.TgZ(7,"button",7),e.NdJ("click",function(){e.CHM(i);const n=e.oxw();return e.KtG(n.timePicker1="06:30:30 PM")}),e._uU(8," Set 06:30:30 PM "),e.qZA()()(),e.TgZ(9,"div")(10,"fieldset")(11,"legend"),e._uU(12,"is24Hours"),e.qZA(),e.TgZ(13,"np-time-picker",8),e.NdJ("ngModelChange",function(n){e.CHM(i);const t=e.oxw();return e.KtG(t.timePicker2=n)}),e.qZA(),e.TgZ(14,"div"),e._uU(15),e.qZA(),e.TgZ(16,"button",7),e.NdJ("click",function(){e.CHM(i);const n=e.oxw();return e.KtG(n.timePicker2="23:15:00")}),e._uU(17," Set 23:15:00 "),e.qZA()()(),e.TgZ(18,"div")(19,"fieldset")(20,"legend"),e._uU(21,"disabled and readOnly"),e.qZA(),e.TgZ(22,"np-time-picker",9),e.NdJ("ngModelChange",function(n){e.CHM(i);const t=e.oxw();return e.KtG(t.timePicker3=n)}),e.qZA(),e._UZ(23,"br"),e.TgZ(24,"np-time-picker",10),e.NdJ("ngModelChange",function(n){e.CHM(i);const t=e.oxw();return e.KtG(t.timePicker3=n)}),e.qZA()()(),e.TgZ(25,"div")(26,"form",null,11)(28,"fieldset")(29,"legend"),e._uU(30,"required"),e.qZA(),e.TgZ(31,"np-time-picker",12,13),e.NdJ("ngModelChange",function(n){e.CHM(i);const t=e.oxw();return e.KtG(t.timePicker4=n)}),e.qZA(),e.YNc(33,s,2,0,"div",14),e.TgZ(34,"p"),e._uU(35),e.qZA()()()(),e.TgZ(36,"div")(37,"fieldset")(38,"legend"),e._uU(39,"defaultOpen"),e.qZA(),e.TgZ(40,"np-time-picker",15,16),e.NdJ("ngModelChange",function(n){e.CHM(i);const t=e.oxw();return e.KtG(t.timePicker5=n)}),e.qZA(),e.YNc(42,T,2,0,"div",14),e.TgZ(43,"div",17)(44,"button",18),e.NdJ("click",function(){e.CHM(i);const n=e.oxw();return e.KtG(n.timePicker5Disable=!n.timePicker5Disable)}),e._uU(45," Toggle Disable "),e.qZA(),e.TgZ(46,"button",18),e.NdJ("click",function(){e.CHM(i);const n=e.oxw();return e.KtG(n.timePicker5Required=!n.timePicker5Required)}),e._uU(47," Toggle required "),e.qZA()()()(),e.TgZ(48,"div")(49,"fieldset")(50,"legend"),e._uU(51,"placeholder"),e.qZA(),e.TgZ(52,"np-time-picker",19),e.NdJ("ngModelChange",function(n){e.CHM(i);const t=e.oxw();return e.KtG(t.timePicker6=n)}),e.qZA()()(),e.TgZ(53,"div")(54,"fieldset")(55,"legend"),e._uU(56,"showNowButton"),e.qZA(),e._uU(57," 12 hrs: "),e.TgZ(58,"np-time-picker",20),e.NdJ("ngModelChange",function(n){e.CHM(i);const t=e.oxw();return e.KtG(t.timePicker71=n)}),e.qZA(),e._uU(59," 24 hrs: "),e.TgZ(60,"np-time-picker",21),e.NdJ("ngModelChange",function(n){e.CHM(i);const t=e.oxw();return e.KtG(t.timePicker72=n)}),e.qZA()()(),e.TgZ(61,"div")(62,"fieldset")(63,"legend"),e._uU(64,"hideSeconds"),e.qZA(),e.TgZ(65,"np-time-picker",22),e.NdJ("ngModelChange",function(n){e.CHM(i);const t=e.oxw();return e.KtG(t.timePicker8=n)}),e.qZA()()(),e.TgZ(66,"div")(67,"fieldset")(68,"legend"),e._uU(69,"styleClass"),e.qZA(),e.TgZ(70,"np-time-picker",23),e.NdJ("ngModelChange",function(n){e.CHM(i);const t=e.oxw();return e.KtG(t.timePicker9=n)}),e.qZA()()(),e.TgZ(71,"div")(72,"fieldset")(73,"legend"),e._uU(74,"onChange event"),e.qZA(),e.TgZ(75,"np-time-picker",24),e.NdJ("ngModelChange",function(n){e.CHM(i);const t=e.oxw();return e.KtG(t.timePicker10=n)})("onChange",function(n){e.CHM(i);const t=e.oxw();return e.KtG(t.onChange(n))}),e.qZA()()()}if(2&c){const i=e.MAs(27),o=e.MAs(32),n=e.MAs(41),t=e.oxw();e.xp6(4),e.Q6J("ngModel",t.timePicker1)("inputId","txtTime")("autoFocus",!0),e.xp6(2),e.hij("Selected value is : ",t.timePicker1,""),e.xp6(7),e.Q6J("ngModel",t.timePicker2)("is24Hours",!0),e.xp6(2),e.hij("Selected time is : ",t.timePicker2,""),e.xp6(7),e.Q6J("ngModel",t.timePicker3),e.xp6(2),e.Q6J("ngModel",t.timePicker3)("readOnly",!0),e.xp6(7),e.Q6J("ngModel",t.timePicker4),e.xp6(2),e.Q6J("ngIf",o.control.touched&&(null==o.control.errors?null:o.control.errors.required)),e.xp6(2),e.hij("Form valid: ",i.valid,""),e.xp6(5),e.Q6J("ngModel",t.timePicker5)("defaultOpen",!0)("disabled",t.timePicker5Disable)("required",t.timePicker5Required),e.xp6(2),e.Q6J("ngIf",n.control.touched&&(null==n.control.errors?null:n.control.errors.required)),e.xp6(10),e.Q6J("ngModel",t.timePicker6)("placeholder","Select start time"),e.xp6(6),e.Q6J("ngModel",t.timePicker71)("showNowButton",!0),e.xp6(2),e.Q6J("ngModel",t.timePicker72)("showNowButton",!0)("is24Hours",!0),e.xp6(5),e.Q6J("hideSeconds",!0)("ngModel",t.timePicker8),e.xp6(5),e.Q6J("ngModel",t.timePicker9)("styleClass","myClass"),e.xp6(5),e.Q6J("ngModel",t.timePicker10)}}class g{constructor(){this.timePicker1="10:00:00 AM",this.timePicker2="10:00:00",this.timePicker3="10:00:00 AM",this.timePicker5Disable=!1,this.timePicker5Required=!1,this.importText="import { NpTimePickerModule } from 'np-ui-lib';",this.htmlText='<np-time-picker [(ngModel)]="value"></np-time-picker>'}ngOnInit(){}onChange(d){alert("time changed "+d)}static#e=this.\u0275fac=function(i){return new(i||g)};static#t=this.\u0275cmp=e.Xpm({type:g,selectors:[["app-np-time-picker-demo"]],decls:191,vars:2,consts:[[1,"page-header"],["title","Documentation"],[3,"innerText"],[1,"np-table"],["title","Examples","id","tabExample"],["npTabContent",""],[3,"ngModel","inputId","autoFocus","ngModelChange"],["type","button",1,"np-btn",3,"click"],[3,"ngModel","is24Hours","ngModelChange"],["disabled","",3,"ngModel","ngModelChange"],[3,"ngModel","readOnly","ngModelChange"],["form","ngForm"],["required","","name","startTime",3,"ngModel","ngModelChange"],["validations","ngModel"],["class","np-text-danger",4,"ngIf"],[3,"ngModel","defaultOpen","disabled","required","ngModelChange"],["validations5","ngModel"],[1,"np-btn-group"],[1,"np-btn",3,"click"],[3,"ngModel","placeholder","ngModelChange"],[3,"ngModel","showNowButton","ngModelChange"],[3,"ngModel","showNowButton","is24Hours","ngModelChange"],[3,"hideSeconds","ngModel","ngModelChange"],[3,"ngModel","styleClass","ngModelChange"],[3,"ngModel","ngModelChange","onChange"],[1,"np-text-danger"]],template:function(i,o){1&i&&(e.TgZ(0,"h2",0),e._uU(1,"Time Picker"),e.qZA(),e.TgZ(2,"np-tabs")(3,"np-tab",1)(4,"np-card")(5,"np-card-body")(6,"b"),e._uU(7,"Module to import"),e.qZA(),e.TgZ(8,"div")(9,"pre"),e._UZ(10,"code",2),e.qZA()()()(),e.TgZ(11,"np-card")(12,"np-card-body")(13,"b"),e._uU(14,"HTML"),e.qZA(),e.TgZ(15,"div")(16,"pre"),e._UZ(17,"code",2),e.qZA()()()(),e.TgZ(18,"np-card")(19,"np-card-body")(20,"table",3)(21,"tr")(22,"th"),e._uU(23,"Property"),e.qZA(),e.TgZ(24,"th"),e._uU(25,"Description"),e.qZA(),e.TgZ(26,"th"),e._uU(27,"Type"),e.qZA(),e.TgZ(28,"th"),e._uU(29,"Default"),e.qZA()(),e.TgZ(30,"tr")(31,"td"),e._uU(32,"ngModel"),e.qZA(),e.TgZ(33,"td"),e._uU(34,"Value in string format"),e.qZA(),e.TgZ(35,"td"),e._uU(36,"string"),e.qZA(),e._UZ(37,"td"),e.qZA(),e.TgZ(38,"tr")(39,"td"),e._uU(40,"is24Hours"),e.qZA(),e.TgZ(41,"td"),e._uU(42,"Set 24 hours time format"),e.qZA(),e.TgZ(43,"td"),e._uU(44,"boolean"),e.qZA(),e.TgZ(45,"td"),e._uU(46,"false"),e.qZA()(),e.TgZ(47,"tr")(48,"td"),e._uU(49,"defaultOpen"),e.qZA(),e.TgZ(50,"td"),e._uU(51,"Set default open"),e.qZA(),e.TgZ(52,"td"),e._uU(53,"boolean"),e.qZA(),e.TgZ(54,"td"),e._uU(55,"false"),e.qZA()(),e.TgZ(56,"tr")(57,"td"),e._uU(58,"showNowButton"),e.qZA(),e.TgZ(59,"td"),e._uU(60,"Show now button in time picker"),e.qZA(),e.TgZ(61,"td"),e._uU(62,"boolean"),e.qZA(),e.TgZ(63,"td"),e._uU(64,"false"),e.qZA()(),e.TgZ(65,"tr")(66,"td"),e._uU(67,"hideSeconds"),e.qZA(),e.TgZ(68,"td"),e._uU(69,"Hide seconds dropdown"),e.qZA(),e.TgZ(70,"td"),e._uU(71,"boolean"),e.qZA(),e.TgZ(72,"td"),e._uU(73,"false"),e.qZA()(),e.TgZ(74,"tr")(75,"td"),e._uU(76,"placeholder"),e.qZA(),e.TgZ(77,"td"),e._uU(78,"Set placeholder"),e.qZA(),e.TgZ(79,"td"),e._uU(80,"string"),e.qZA(),e._UZ(81,"td"),e.qZA(),e.TgZ(82,"tr")(83,"td"),e._uU(84,"disabled"),e.qZA(),e.TgZ(85,"td"),e._uU(86,"Set disabled"),e.qZA(),e.TgZ(87,"td"),e._uU(88,"boolean"),e.qZA(),e.TgZ(89,"td"),e._uU(90,"false"),e.qZA()(),e.TgZ(91,"tr")(92,"td"),e._uU(93,"required"),e.qZA(),e.TgZ(94,"td"),e._uU(95,"Set required"),e.qZA(),e.TgZ(96,"td"),e._uU(97,"boolean"),e.qZA(),e.TgZ(98,"td"),e._uU(99,"false"),e.qZA()(),e.TgZ(100,"tr")(101,"td"),e._uU(102,"readOnly"),e.qZA(),e.TgZ(103,"td"),e._uU(104,"Set readonly"),e.qZA(),e.TgZ(105,"td"),e._uU(106,"boolean"),e.qZA(),e.TgZ(107,"td"),e._uU(108,"false"),e.qZA()(),e.TgZ(109,"tr")(110,"td"),e._uU(111,"autoFocus"),e.qZA(),e.TgZ(112,"td"),e._uU(113,"Set autofocus"),e.qZA(),e.TgZ(114,"td"),e._uU(115,"boolean"),e.qZA(),e.TgZ(116,"td"),e._uU(117,"false"),e.qZA()(),e.TgZ(118,"tr")(119,"td"),e._uU(120,"tabIndex"),e.qZA(),e.TgZ(121,"td"),e._uU(122,"Set tabindex attribute"),e.qZA(),e.TgZ(123,"td"),e._uU(124,"number"),e.qZA(),e._UZ(125,"td"),e.qZA(),e.TgZ(126,"tr")(127,"td"),e._uU(128,"styleClass"),e.qZA(),e.TgZ(129,"td"),e._uU(130,"Set extra class on component"),e.qZA(),e.TgZ(131,"td"),e._uU(132,"string"),e.qZA(),e._UZ(133,"td"),e.qZA(),e.TgZ(134,"tr")(135,"td"),e._uU(136,"inputId"),e.qZA(),e.TgZ(137,"td"),e._uU(138,"Set id attribute"),e.qZA(),e.TgZ(139,"td"),e._uU(140,"string"),e.qZA(),e._UZ(141,"td"),e.qZA()()()(),e.TgZ(142,"np-card")(143,"np-card-body")(144,"table",3)(145,"tr")(146,"th"),e._uU(147,"Method"),e.qZA(),e.TgZ(148,"th"),e._uU(149,"Description"),e.qZA(),e.TgZ(150,"th"),e._uU(151,"Parameters"),e.qZA()(),e.TgZ(152,"tr")(153,"td"),e._uU(154,"onChange(v: any)"),e.qZA(),e.TgZ(155,"td"),e._uU(156,"Callback event on value change."),e.qZA(),e.TgZ(157,"td"),e._uU(158,"Value"),e.qZA()(),e.TgZ(159,"tr")(160,"td"),e._uU(161,"onFocus($event)"),e.qZA(),e.TgZ(162,"td"),e._uU(163,"Callback event on input focus."),e.qZA(),e.TgZ(164,"td"),e._uU(165,"Browser event"),e.qZA()(),e.TgZ(166,"tr")(167,"td"),e._uU(168,"onBlur($event)"),e.qZA(),e.TgZ(169,"td"),e._uU(170,"Callback event on input blur."),e.qZA(),e.TgZ(171,"td"),e._uU(172,"Browser event"),e.qZA()()()()(),e.TgZ(173,"np-card")(174,"np-card-body")(175,"table",3)(176,"tr")(177,"th"),e._uU(178,"Api"),e.qZA(),e.TgZ(179,"th"),e._uU(180,"Description"),e.qZA(),e.TgZ(181,"th"),e._uU(182,"Parameters"),e.qZA()(),e.TgZ(183,"tr")(184,"td"),e._uU(185,"focus()"),e.qZA(),e.TgZ(186,"td"),e._uU(187," Set focus on control. If not setting focus properly then use timeout of 500ms. "),e.qZA(),e._UZ(188,"td"),e.qZA()()()()(),e.TgZ(189,"np-tab",4),e.YNc(190,q,76,30,"ng-template",5),e.qZA()()),2&i&&(e.xp6(10),e.Q6J("innerText",o.importText),e.xp6(7),e.Q6J("innerText",o.htmlText))},dependencies:[r.Et,m.O5,l._Y,l.JJ,l.JL,l.Q7,l.On,l.F,r.KA,r.Qk,r.Bl,r.c0,r.El],encapsulation:2})}const A=[{path:"",component:g}];class u{static#e=this.\u0275fac=function(i){return new(i||u)};static#t=this.\u0275mod=e.oAB({type:u});static#n=this.\u0275inj=e.cJS({imports:[Z.Bz.forChild(A),Z.Bz]})}class p{static#e=this.\u0275fac=function(i){return new(i||p)};static#t=this.\u0275mod=e.oAB({type:p});static#n=this.\u0275inj=e.cJS({imports:[r.nD,u,m.ez,l.u5,r.i7,r.Tk]})}}}]);