define(['ko','underscore','jquery','mage/translate'],function(ko,_,$,$t){'use strict';var defaults={dateFormat:'mm\/dd\/yyyy',showsTime:false,timeFormat:null,buttonImage:null,buttonImageOnly:null,buttonText:$t('Select Date')};ko.bindingHandlers.datepicker={init:function(el,valueAccessor,allBindings,viewModel,bindingContext){var config=valueAccessor(),observable,options={};_.extend(options,defaults);if(typeof config==='object'){observable=config.storage;_.extend(options,config.options);}else{observable=config;}
require(['mage/calendar'],function(){$(el).calendar(options);ko.utils.registerEventHandler(el,'change',function(){observable(this.value);});});if(bindingContext.$data){bindingContext.$data.value.subscribe(function(newVal){if(!newVal){$(el).val('');}},this);}},update:function(element,valueAccessor){var config=valueAccessor(),$element=$(element),observable,options={},newVal;_.extend(options,defaults);if(typeof config==='object'){observable=config.storage;_.extend(options,config.options);}else{observable=config;}
require(['moment','mage/utils/misc','mage/calendar'],function(moment,utils){if(_.isEmpty(observable())){newVal=null;}else{newVal=moment(observable(),utils.convertToMomentFormat(options.dateFormat+(options.showsTime?' '+options.timeFormat:''))).toDate();}
if(!options.timeOnly){$element.datepicker('setDate',newVal);$element.trigger('blur');}});}};});