(self.webpackChunktimetrex=self.webpackChunktimetrex||[]).push([["datepicker-TDatePicker"],{84:(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{eval("/* provided dependency */ var jQuery = __webpack_require__(9755);\n( function( $ ) {\n\n\t$.fn.TDatePicker = function( options ) {\n\t\tvar opts = $.extend( {}, $.fn.TDatePicker.defaults, options );\n\t\t//Global.addCss( 'global/widgets/datepicker/TDatePicker.css' );\n\n\t\tvar $this = this;\n\t\tvar field;\n\t\tvar validation_field;\n\t\tvar date_picker_input;\n\t\tvar icon;\n\t\tvar error_string = '';\n\t\tvar error_tip_box;\n\t\tvar mode = 'date';\n\t\tvar multiple; // This is used to test Punches -> Edit view Date\n\t\tvar mass_edit_mode = false;\n\t\tvar check_box = null;\n\t\tvar enabled = true;\n\t\tvar is_open = false;\n\t\tvar focus_out_timer;\n\t\tvar can_open = false; //default when the calender can be open, we only open it when click on the icon\n\t\tvar is_static_width = false;\n\n\t\tthis.getEnabled = function() {\n\t\t\treturn enabled;\n\t\t};\n\n\t\tthis.setEnabled = function( val ) {\n\t\t\tenabled = val;\n\t\t\tif ( val === false || val === '' ) {\n\t\t\t\t//$this.attr( 'disabled', 'true' );\n\t\t\t\tdate_picker_input.addClass( 't-date-picker-readonly' );\n\t\t\t\ticon.css( 'display', 'none' );\n\t\t\t\tdate_picker_input.attr( 'readonly', 'readonly' );\n\t\t\t\tif ( check_box ) {\n\t\t\t\t\tcheck_box.hide();\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t//$this.removeAttr( 'disabled' );\n\t\t\t\tdate_picker_input.removeClass( 't-date-picker-readonly' );\n\t\t\t\ticon.css( 'display', 'inline' );\n\t\t\t\tdate_picker_input.removeAttr( 'readonly' );\n\t\t\t\tif ( check_box ) {\n\t\t\t\t\tcheck_box.show();\n\t\t\t\t}\n\t\t\t}\n\n\t\t};\n\n\t\tthis.setCheckBox = function( val ) {\n\t\t\tif ( check_box ) {\n\t\t\t\tcheck_box.children().eq( 0 )[0].checked = val;\n\t\t\t}\n\t\t};\n\n\t\tthis.isChecked = function() {\n\t\t\tif ( check_box ) {\n\t\t\t\tif ( check_box.children().eq( 0 )[0].checked === true ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn false;\n\t\t};\n\n\t\tthis.setMassEditMode = function( val ) {\n\t\t\tmass_edit_mode = val;\n\n\t\t\tif ( mass_edit_mode ) {\n\t\t\t\tcheck_box = $( ' ' +\n\t\t\t\t\t'
' );\n\t\t\t\tcheck_box.insertBefore( $( this ) );\n\n\t\t\t\tcheck_box.change( function() {\n\t\t\t\t\t$this.trigger( 'formItemChange', [$this] );\n\t\t\t\t} );\n\n\t\t\t} else {\n\t\t\t\tif ( check_box ) {\n\t\t\t\t\tcheck_box.remove();\n\t\t\t\t\tcheck_box = null;\n\t\t\t\t}\n\t\t\t}\n\n\t\t};\n\n\t\tthis.setErrorStyle = function( errStr, show, isWarning ) {\n\t\t\tif ( isWarning ) {\n\t\t\t\tdate_picker_input.addClass( 'warning-tip' );\n\t\t\t} else {\n\t\t\t\tdate_picker_input.addClass( 'error-tip' );\n\t\t\t}\n\t\t\terror_string = errStr;\n\n\t\t\tif ( show ) {\n\t\t\t\tthis.showErrorTip();\n\t\t\t}\n\t\t};\n\n\t\tthis.showErrorTip = function( sec ) {\n\n\t\t\tif ( !Global.isSet( sec ) ) {\n\t\t\t\tsec = 2;\n\t\t\t}\n\n\t\t\tif ( !error_tip_box ) {\n\t\t\t\terror_tip_box = Global.loadWidgetByName( WidgetNamesDic.ERROR_TOOLTIP );\n\t\t\t\terror_tip_box = error_tip_box.ErrorTipBox();\n\t\t\t}\n\t\t\tif ( date_picker_input.hasClass( 'warning-tip' ) ) {\n\t\t\t\terror_tip_box.show( this, error_string, sec, true );\n\t\t\t} else {\n\t\t\t\terror_tip_box.show( this, error_string, sec );\n\t\t\t}\n\t\t};\n\n\t\tthis.hideErrorTip = function() {\n\n\t\t\tif ( Global.isSet( error_tip_box ) ) {\n\t\t\t\terror_tip_box.remove();\n\t\t\t}\n\n\t\t};\n\n\t\t// Error: TypeError: date_picker_input is undefined in /interface/html5/global/widgets/datepicker/TDatePicker.js?v=8.0.3-20150313-161037 line 122\n\t\tthis.clearErrorStyle = function() {\n\t\t\tif ( !date_picker_input ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tdate_picker_input.removeClass( 'error-tip' );\n\t\t\tdate_picker_input.removeClass( 'warning-tip' );\n\t\t\tthis.hideErrorTip();\n\t\t\terror_string = '';\n\t\t};\n\n\t\tthis.getField = function() {\n\t\t\treturn field;\n\t\t};\n\n\t\tthis.getValidationField = function() {\n\t\t\treturn validation_field;\n\t\t};\n\n\t\tthis.getDefaultFormatValue = function() {\n\t\t\t// Error: Uncaught TypeError: Cannot read property 'val' of undefined in interface/html5/global/widgets/datepicker/TDatePicker.js?v=9.0.5-20151222-162114 line 145\n\t\t\tvar val = date_picker_input ? date_picker_input.val() : null;\n\t\t\t//Error: Uncaught TypeError: Cannot read property 'format' of null in interface/html5/global/widgets/datepicker/TDatePicker.js?v=9.0.0-20150909-213207 line 140\n\t\t\tval = Global.strToDate( val ) && Global.strToDate( val ).format( 'YYYY-MM-DD' );\n\n\t\t\treturn val;\n\t\t};\n\n\t\tthis.setPlaceHolder = function( val ) {\n\t\t\tdate_picker_input.attr( 'placeholder', val );\n\t\t};\n\n\t\tthis.getValue = function() {\n\t\t\t// This is used to test Punches -> Edit view Date\n\t\t\tif ( multiple ) {\n\t\t\t\treturn [date_picker_input.val()];\n\t\t\t}\n\n\t\t\treturn date_picker_input.val();\n\t\t};\n\n\t\tthis.setValue = function( val ) {\n\t\t\t//Error: Uncaught TypeError: Cannot read property 'val' of undefined in /interface/html5/global/widgets/datepicker/TDatePicker.js?v=8.0.0-20141230-130626 line 144\n\t\t\tif ( !date_picker_input ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( !val ) {\n\t\t\t\tval = '';\n\t\t\t}\n\t\t\tdate_picker_input.val( val );\n\t\t\tthis.autoResize();\n\t\t};\n\n\t\tthis.setDefaultWidgetValue = function() {\n\t\t\tif ( $( this ).attr( 'widget-value' ) ) {\n\t\t\t\tthis.setValue( $( this ).attr( 'widget-value' ) );\n\t\t\t}\n\t\t};\n\n\t\tthis.autoResize = function() {\n\t\t\tvar content_width, example_width, example_display;\n\t\t\tif ( LocalCacheData.getLoginUserPreference() ) {\n\t\t\t\texample_display = LocalCacheData.getLoginUserPreference().date_format_display;\n\t\t\t} else {\n\t\t\t\texample_display = 'dd-mmm-yy';\n\t\t\t}\n\t\t\tif ( !is_static_width ) {\n\t\t\t\tif ( mode === 'date' ) {\n\t\t\t\t\texample_width = Global.calculateTextWidth( example_display );\n\t\t\t\t} else if ( mode === 'date_time' ) {\n\t\t\t\t\texample_width = Global.calculateTextWidth( example_display + ' ' + LocalCacheData.getLoginUserPreference().time_format_display );\n\t\t\t\t}\n\t\t\t\tcontent_width = Global.calculateTextWidth( date_picker_input.val(), {\n\t\t\t\t\tmin_width: example_width,\n\t\t\t\t\tmax_width: ( example_width + 100 ),\n\t\t\t\t\tpadding: 28\n\t\t\t\t} );\n\t\t\t\t$this.width( content_width + 'px' );\n\t\t\t}\n\t\t};\n\n\t\tthis.each( function() {\n\t\t\tvar o = $.meta ? $.extend( {}, opts, $( this ).data() ) : opts;\n\t\t\tfield = o.field;\n\t\t\tif ( o.validation_field ) {\n\t\t\t\tvalidation_field = o.validation_field;\n\t\t\t}\n\t\t\tmultiple = o.multiple; // This is used to test Punches -> Edit view Date\n\t\t\tif ( Global.isSet( o.mode ) ) {\n\t\t\t\tmode = o.mode;\n\t\t\t}\n\t\t\ticon = $( this ).find( '.t-date-picker-icon' );\n\t\t\tdate_picker_input = $( this ).find( '.t-date-picker' );\n\t\t\ticon.attr( 'src', Global.getRealImagePath( 'images/cal.png' ) );\n\n\t\t\ticon.bind( 'mousedown', function( e ) {\n\t\t\t\te.stopPropagation(); //Stop jquery-ui datepickers own mousedown event from firing, which cause the date picker to close, then the below 'mouseup' event opens it again.\n\t\t\t} );\n\n\t\t\ticon.bind( 'mouseup', function() { //Need to use 'mouseup' event as main.js binds 'mousedown' for closing when clicked off.\n\t\t\t\tif ( !enabled ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( !is_open ) {\n\t\t\t\t\tdate_picker_input.datepicker( 'show' );\n\t\t\t\t\tis_open = true;\n\t\t\t\t} else {\n\t\t\t\t\tdate_picker_input.datepicker( 'hide' );\n\t\t\t\t\tis_open = false;\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tvar time_format = 'h:mm TT';\n\t\t\tvar format = 'dd-M-y';\n\t\t\t// When portal mode, no user preference.\n\t\t\tif ( LocalCacheData.getLoginUserPreference() ) {\n\t\t\t\tformat = LocalCacheData.getLoginUserPreference().date_format_1;\n\t\t\t\ttime_format = LocalCacheData.getLoginUserPreference().time_format_1;\n\t\t\t}\n\t\t\tvar day_name_min = [\n\t\t\t\t$.i18n._( 'Sun' ), $.i18n._( 'Mon' ), $.i18n._( 'Tue' ),\n\t\t\t\t$.i18n._( 'Wed' ), $.i18n._( 'Thu' ), $.i18n._( 'Fri' ), $.i18n._( 'Sat' )\n\t\t\t];\n\t\t\tvar month_name_short = [\n\t\t\t\t$.i18n._( 'Jan' ), $.i18n._( 'Feb' ),\n\t\t\t\t$.i18n._( 'Mar' ), $.i18n._( 'Apr' ), $.i18n._( 'May' ),\n\t\t\t\t$.i18n._( 'Jun' ), $.i18n._( 'Jul' ), $.i18n._( 'Aug' ),\n\t\t\t\t$.i18n._( 'Sep' ), $.i18n._( 'Oct' ), $.i18n._( 'Nov' ),\n\t\t\t\t$.i18n._( 'Dec' )\n\t\t\t];\n\t\t\tvar current_text = $.i18n._( 'Today' );\n\t\t\tvar close_text = $.i18n._( 'Close' );\n\n\t\t\t$.datepicker._gotoToday = function( id ) {\n\t\t\t\t//This fixes JS exception when using the \"TODAY\" button in the date pickers: Uncaught TypeError: Cannot read property 'selectedYear' of undefined\n\t\t\t\t$( id ).datepicker( 'setDate', new Date() ).datepicker( 'hide' ).change();\n\n\t\t\t\t// var target = $( id );\n\t\t\t\t// var inst = this._getInst( target[0] );\n\t\t\t\t// if ( this._get( inst, 'gotoCurrent' ) && inst.currentDay ) {\n\t\t\t\t// \tinst.selectedDay = inst.currentDay;\n\t\t\t\t// \tinst.drawMonth = inst.selectedMonth = inst.currentMonth;\n\t\t\t\t// \tinst.drawYear = inst.selectedYear = inst.currentYear;\n\t\t\t\t// }\n\t\t\t\t// else {\n\t\t\t\t// \tvar date = new Date();\n\t\t\t\t// \tinst.selectedDay = date.getDate();\n\t\t\t\t// \tinst.drawMonth = inst.selectedMonth = date.getMonth();\n\t\t\t\t// \tinst.drawYear = inst.selectedYear = date.getFullYear();\n\t\t\t\t// \t// the below two lines are new\n\t\t\t\t// \tthis._setDateDatepicker( target, date );\n\t\t\t\t// \tthis._selectDate( id, this._getDateDatepicker( target ) );\n\t\t\t\t// \t$( target ).datepicker( 'setDate', date );\n\t\t\t\t// }\n\t\t\t\t// this._notifyChange( inst );\n\t\t\t\t// this._adjustDate( target );\n\t\t\t};\n\n\t\t\tif ( mode === 'date' ) {\n\t\t\t\tdate_picker_input = date_picker_input.datepicker( {\n\t\t\t\t\tshowOtherMonths: true,\n\t\t\t\t\tselectOtherMonths: true,\n\t\t\t\t\tshowTime: false,\n\t\t\t\t\tdateFormat: format,\n\t\t\t\t\tshowHour: false,\n\t\t\t\t\tshowMinute: false,\n\t\t\t\t\tchangeMonth: true,\n\t\t\t\t\tchangeYear: true,\n\t\t\t\t\tshowButtonPanel: true,\n\t\t\t\t\tduration: '',\n\t\t\t\t\tshowAnim: '',\n\t\t\t\t\tyearRange: '-100:+10',\n\t\t\t\t\tshowOn: '',\n\t\t\t\t\tdayNamesMin: day_name_min,\n\t\t\t\t\tcurrentText: current_text,\n\t\t\t\t\tmonthNamesShort: month_name_short,\n\t\t\t\t\tcloseText: close_text,\n\t\t\t\t\tbeforeShow: function() {\n\t\t\t\t\t\tif ( o.beforeShow ) {\n\t\t\t\t\t\t\to.beforeShow();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\n\t\t\t\t\tonClose: function() {\n\t\t\t\t\t\tis_open = false;\n\t\t\t\t\t\t$this.autoResize();\n\t\t\t\t\t\tif ( o.onClose ) {\n\t\t\t\t\t\t\to.onClose();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\n\t\t\t\t\t//#2353 - removed because it breaks the month navigation buttons\n\t\t\t\t\t// onChangeMonthYear: function( year, month, args ) {\n\t\t\t\t\t// \tvar day = $.datepicker.formatDate( 'dd', $( this ).datepicker( 'getDate' ) );\n\t\t\t\t\t// \t$( this ).val( $.datepicker.formatDate( format, new Date( year, month - 1, day ) ) );\n\t\t\t\t\t// }\n\n\t\t\t\t} );\n\n\t\t\t\t// Portal mode, no user preference.\n\t\t\t\tif ( LocalCacheData.getLoginUserPreference() ) {\n\t\t\t\t\t$this.setPlaceHolder( LocalCacheData.getLoginUserPreference().date_format_display );\n\t\t\t\t} else {\n\t\t\t\t\t$this.setPlaceHolder( 'dd-mmm-yy' );\n\t\t\t\t}\n\n\t\t\t} else if ( mode === 'date_time' ) {\n\t\t\t\tdate_picker_input = date_picker_input.datetimepicker( {\n\t\t\t\t\tshowOtherMonths: true,\n\t\t\t\t\tselectOtherMonths: true,\n\t\t\t\t\tdateFormat: format,\n\t\t\t\t\ttimeFormat: time_format,\n\t\t\t\t\tshowTime: true,\n\t\t\t\t\tshowHour: true,\n\t\t\t\t\tshowMinute: true,\n\t\t\t\t\tchangeMonth: true,\n\t\t\t\t\tchangeYear: true,\n\t\t\t\t\tshowButtonPanel: true,\n\t\t\t\t\tduration: '',\n\t\t\t\t\tshowAnim: '',\n\t\t\t\t\tshowOn: '',\n\t\t\t\t\tyearRange: '-100:+10',\n\t\t\t\t\tcloseText: close_text,\n\t\t\t\t\tdayNamesMin: day_name_min,\n\t\t\t\t\tmonthNamesShort: month_name_short,\n\t\t\t\t\tcurrentText: current_text,\n\t\t\t\t\tonClose: function() {\n\t\t\t\t\t\tis_open = false;\n\t\t\t\t\t\t$this.autoResize();\n\t\t\t\t\t\tif ( o.onClose ) {\n\t\t\t\t\t\t\to.onClose();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t\t$this.setPlaceHolder( LocalCacheData.loginUserPreference.date_format_display + ' ' + LocalCacheData.loginUserPreference.time_format_display );\n\t\t\t}\n\n\t\t\tdate_picker_input.change( function() {\n\t\t\t\tif ( check_box ) {\n\t\t\t\t\t$this.setCheckBox( true );\n\t\t\t\t}\n\n\t\t\t\t$this.trigger( 'formItemChange', [$this] );\n\t\t\t\t$this.autoResize();\n\t\t\t} );\n\n\t\t\tdate_picker_input.mouseover( function() {\n\n\t\t\t\tif ( enabled ) {\n\t\t\t\t\tif ( error_string && error_string.length > 0 ) {\n\t\t\t\t\t\t$this.showErrorTip( 20 );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t} );\n\n\t\t\tdate_picker_input.mouseout( function() {\n\t\t\t\tif ( !$( $this ).is( ':focus' ) ) {\n\t\t\t\t\t$this.hideErrorTip();\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tdate_picker_input.focusin( function( e ) {\n\t\t\t\tif ( !enabled ) {\n\t\t\t\t\tif ( !check_box ) {\n\t\t\t\t\t\tif ( LocalCacheData.current_open_sub_controller &&\n\t\t\t\t\t\t\tLocalCacheData.current_open_sub_controller.edit_view &&\n\t\t\t\t\t\t\tLocalCacheData.current_open_sub_controller.is_viewing ) {\n\t\t\t\t\t\t\terror_string = LocalCacheData.current_open_sub_controller.getViewModeErrorMessage();\n\t\t\t\t\t\t\t$this.showErrorTip( 10 );\n\t\t\t\t\t\t} else if ( LocalCacheData.current_open_primary_controller &&\n\t\t\t\t\t\t\tLocalCacheData.current_open_primary_controller.edit_view &&\n\t\t\t\t\t\t\tLocalCacheData.current_open_primary_controller.is_viewing ) {\n\t\t\t\t\t\t\terror_string = LocalCacheData.current_open_primary_controller.getViewModeErrorMessage();\n\t\t\t\t\t\t\t$this.showErrorTip( 10 );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t} else {\n\t\t\t\t\tif ( error_string && error_string.length > 0 ) {\n\t\t\t\t\t\t$this.showErrorTip( 20 );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tdate_picker_input.focusout( function() {\n\t\t\t\t$this.hideErrorTip();\n\n\t\t\t} );\n\n\t\t\tif ( o.width > 0 ) {\n\t\t\t\t$this.width( o.width );\n\t\t\t\tis_static_width = true;\n\t\t\t} else {\n\t\t\t\t$this.autoResize();\n\t\t\t\tis_static_width = false;\n\t\t\t}\n\n\t\t\t$this.setDefaultWidgetValue();\n\n\t\t} );\n\n\t\treturn this;\n\n\t};\n\n\t$.fn.TDatePicker.defaults = {};\n\t$.fn.TDatePicker.html_template = `\n\t\n\t\t
\n\t\t
![]()
\n\t