/*!
* jQuery UI Datepicker @VERSION
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*/
//>>label: Datepicker
//>>group: Widgets
//>>description: Displays a calendar for input-based date selection.
//>>docs: http://api.jqueryui.com/datepicker/
//>>demos: http://jqueryui.com/datepicker/
//>>css.structure: ../../themes/base/core.css
//>>css.structure: ../../themes/base/calendar.css
//>>css.structure: ../../themes/base/datepicker.css
//>>css.theme: ../../themes/base/theme.css
( function( factory ) {
if ( typeof define === "function" && define.amd ) {
// AMD. Register as an anonymous module.
define( [
"jquery",
"globalize",
"globalize/date",
"./calendar",
"../widget",
"../position",
"../version",
"../keycode"
], factory );
} else {
// Browser globals
factory( jQuery, Globalize );
}
}( function( $, Globalize ) {
var widget = $.widget( "ui.datepicker", {
version: "@VERSION",
options: {
appendTo: null,
position: {
my: "left top",
at: "left bottom"
},
show: true,
hide: true,
// callbacks
beforeOpen: null,
change: null,
close: null,
open: null,
select: null
},
calendarOptions: [ "buttons", "classes", "disabled", "dateFormat", "eachDay",
"icons", "labels", "locale", "max", "min", "numberOfMonths", "showWeek" ],
_create: function() {
this.suppressExpandOnFocus = false;
this._parse = new Globalize( this.options.locale ).dateParser( this.options.dateFormat );
if ( $.type( this.options.max ) === "string" ) {
this.options.max = this._parse( this.options.max );
}
if ( $.type( this.options.min ) === "string" ) {
this.options.min = this._parse( this.options.min );
}
this._createCalendar();
this._on( this._inputEvents );
this._on( this.calendar, this._calendarEvents );
this._on( this.document, this._documentEvents );
},
_getCreateOptions: function() {
var max = this.element.attr( "max" ),
min = this.element.attr( "min" ),
parser = new Globalize( "en" ).dateParser( { raw: "yyyy-MM-dd" } ),
options = {};
if ( max !== undefined ) {
options.max = parser( max );
}
if ( min !== undefined ) {
options.min = parser( min );
}
return options;
},
_createCalendar: function() {
var that = this;
this.calendar = $( "
" ).appendTo( this._appendTo() );
this._addClass( this.calendar, "ui-datepicker", "ui-front" );
// Initialize calendar widget
this.calendarInstance = this.calendar
.calendar( $.extend( {}, this.options, {
value: this._parse( this.element.val() ),
change: function( event ) {
that._trigger( "change", event );
},
select: function( event ) {
that.element.val( that.calendarInstance.value() );
that.close();
event.preventDefault();
that._focusTrigger();
that._trigger( "select", event );
return false;
}
} ) )
.calendar( "instance" );
this.calendarInstance.buttonClickContext = that.element[ 0 ];
this._setHiddenPicker();
this.element.attr( {
"aria-haspopup": true,
"aria-owns": this.calendar.attr( "id" )
} );
},
_inputEvents: {
keydown: function( event ) {
switch ( event.keyCode ) {
case $.ui.keyCode.TAB:
// Waiting for close() will make popup hide too late, which breaks tab key behavior
this.calendar.hide();
this.close( event );
break;
case $.ui.keyCode.ESCAPE:
if ( this.isOpen ) {
this.close( event );
}
break;
case $.ui.keyCode.ENTER:
case $.ui.keyCode.DOWN:
case $.ui.keyCode.UP:
this.open( event );
break;
}
},
keyup: function() {
if ( this.isValid() ) {
this.refresh();
}
},
mousedown: function( event ) {
if ( this.isOpen ) {
this.suppressExpandOnFocus = true;
this.close();
return;
}
this.open( event );
clearTimeout( this.closeTimer );
},
focus: function( event ) {
if ( !this.suppressExpandOnFocus && !this.isOpen ) {
this._delay( function() {
this.open( event );
} );
}
this._delay( function() {
this.suppressExpandOnFocus = false;
}, 100 );
},
blur: function() {
this.suppressExpandOnFocus = false;
},
change: function( event ) {
this._trigger( "change", event );
}
},
_calendarEvents: {
focusout: function( event ) {
// use a timer to allow click to clear it and letting that
// handle the closing instead of opening again
// also allows tabbing inside the calendar without it closing
this.closeTimer = this._delay( function() {
this.close( event );
}, 150 );
},
focusin: function() {
clearTimeout( this.closeTimer );
},
mouseup: function() {
clearTimeout( this.closeTimer );
},
keydown: function( event ) {
if ( event.keyCode === $.ui.keyCode.ESCAPE && this.calendar.is( ":visible" ) ) {
this.close( event );
this._focusTrigger();
}
if ( event.keyCode === $.ui.keyCode.TAB && this.calendar.is( ":visible" ) ) {
var element = $( event.target );
// Reset focus when leaving widget
if (
( event.shiftKey && element.is( this.calendarInstance.prevButton ) ) ||
( !event.shiftKey && element.is( this.calendarInstance.grid.last() ) )
) {
this.close( event );
this._focusTrigger();
}
}
}
},
_documentEvents: {
mousedown: function( event ) {
if ( !this.isOpen ) {
return;
}
if ( !$( event.target ).closest( this.element.add( this.calendar ) ).length ) {
this.close( event );
}
}
},
_appendTo: function() {
var element = this.options.appendTo;
if ( element ) {
element = element.jquery || element.nodeType ?
$( element ) :
this.document.find( element ).eq( 0 );
}
if ( !element || !element[ 0 ] ) {
element = this.element.closest( ".ui-front, dialog" );
}
if ( !element.length ) {
element = this.document[ 0 ].body;
}
return element;
},
_focusTrigger: function() {
this.suppressExpandOnFocus = true;
this.element.focus();
},
refresh: function() {
this.calendarInstance.option( "value", this._getParsedValue() );
},
open: function( event ) {
if ( this.isOpen ) {
return;
}
if ( this._trigger( "beforeOpen", event ) === false ) {
return;
}
this.calendarInstance.refresh();
this.calendar
.attr( {
"aria-hidden": false,
"aria-expanded": true
} )
.show()
.position( this._buildPosition() )
.hide();
this._show( this.calendar, this.options.show );
this.isOpen = true;
this._trigger( "open", event );
this._delay( function() {
this.calendarInstance.grid.focus();
} );
},
close: function( event ) {
this._setHiddenPicker();
this._hide( this.calendar, this.options.hide );
this.isOpen = false;
this._trigger( "close", event );
},
_setHiddenPicker: function() {
this.calendar.attr( {
"aria-hidden": true,
"aria-expanded": false
} );
},
_buildPosition: function() {
return $.extend( { of: this.element }, this.options.position );
},
value: function( value ) {
if ( arguments.length ) {
this.valueAsDate( this._parse( value ) );
} else {
return this._getParsedValue() ? this.element.val() : null;
}
},
valueAsDate: function( value ) {
if ( arguments.length ) {
if ( this.calendarInstance._isValid( value ) ) {
this.calendarInstance.valueAsDate( value );
this.element.val( this.calendarInstance._format( value ) );
}
} else {
return this._getParsedValue();
}
},
isValid: function() {
return this.calendarInstance._isValid( this._getParsedValue() );
},
_destroy: function() {
this.calendarInstance.destroy();
this.calendar.remove();
this.element.removeAttr( "aria-haspopup aria-owns" );
},
widget: function() {
return this.calendar;
},
_getParsedValue: function() {
return this._parse( this.element.val() );
},
_setOption: function( key, value ) {
if ( key === "max" || key === "min" ) {
if ( typeof value === "string" ) {
value = this._parse( value );
}
}
this._super( key, value );
if ( $.inArray( key, this.calendarOptions ) !== -1 ) {
this.calendarInstance.option( key, value );
}
if ( key === "appendTo" ) {
this.calendar.appendTo( this._appendTo() );
}
if ( key === "locale" || key === "dateFormat" ) {
this.element.val( this.calendarInstance.value() );
}
if ( key === "disabled" ) {
this.element
.prop( "disabled", value )
.toggleClass( "ui-state-disabled", value )
.attr( "aria-disabled", value );
if ( value ) {
this.close();
}
}
if ( key === "position" ) {
this.calendar.position( this._buildPosition() );
}
}
} );
$.each( $.ui.datepicker.prototype.calendarOptions, function( index, option ) {
$.ui.datepicker.prototype.options[ option ] = $.ui.calendar.prototype.options[ option ];
} );
return widget;
} ) );