" )
.addClass( "ui-calendar-buttonpane ui-widget-content ui-helper-clearfix" );
this.buttonSet = $( "
" )
.addClass( "ui-calendar-buttonset" )
.appendTo( this.buttonPane );
this._createButtons();
},
_createButtons: function() {
var that = this,
buttons = this.options.buttons;
this.buttonPane.remove();
this.buttonSet.empty();
if ( $.isEmptyObject( buttons ) || ( $.isArray( buttons ) && !buttons.length ) ) {
this.element.removeClass( "ui-calendar-buttons" );
return;
}
$.each( buttons, function( name, props ) {
var click, buttonOptions;
props = $.isFunction( props ) ?
{ click: props, text: name } :
props;
// Default to a non-submitting button
props = $.extend( { type: "button" }, props );
// Change the context for the click callback to be the main element
click = props.click;
buttonOptions = {
icon: props.icon,
iconPosition: props.iconPosition,
showLabel: props.showLabel
};
delete props.click;
delete props.icon;
delete props.iconPosition;
delete props.showLabel;
$( "
", props )
.button( buttonOptions )
.appendTo( that.buttonSet )
.on( "click", function() {
click.apply( that.buttonClickContext, arguments );
} );
} );
this.element.addClass( "ui-calendar-buttons" );
this.buttonPane.appendTo( this.element );
},
// Refreshing the entire calendar during interaction confuses screen readers, specifically
// because the grid heading is marked up as a live region and will often not update if it's
// destroyed and recreated instead of just having its text change.
refresh: function() {
this.labels = this.options.labels;
// Determine which day gridcell to focus after refresh
// TODO: Prevent disabled cells from being focused
if ( this.options.numberOfMonths === 1 ) {
this.element.find( ".ui-calendar-title" ).html( this._buildTitle() );
this.element.find( ".ui-calendar-calendar" ).replaceWith( this._buildGrid() );
} else {
this._refreshMultiplePicker();
}
this.grid = this.element.find( ".ui-calendar-calendar" );
this._setActiveDescendant();
this._refreshHeaderButtons();
this._createButtons();
},
_refreshHeaderButtons: function() {
var prevText = this._getTranslation( "prevText" ),
nextText = this._getTranslation( "nextText" );
this.prevButton.attr( "title", prevText ).children().html( prevText );
this.nextButton.attr( "title", nextText ).children().html( nextText );
this._headerButtonsState();
},
_headerButtonsState: function() {
var months = this.viewDate.months( this.options.numberOfMonths - 1 ),
i = 0;
for ( ; i < months.length; i++ ) {
if ( this.options.min !== null && months[ i ].first ) {
this._disableElement( this.prevButton,
( this.options.min.getMonth() >= months[ i ].month() &&
this.options.min.getFullYear() === months[ i ].year() ) ||
this.options.min.getFullYear() > months[ i ].year()
);
}
if ( this.options.max !== null && months[ i ].last ) {
this._disableElement( this.nextButton,
( this.options.max.getMonth() <= months[ i ].month() &&
this.options.max.getFullYear() === months[ i ].year() ) ||
this.options.max.getFullYear() < months[ i ].year()
);
}
}
},
_disableElement: function( element, state ) {
element
.attr( "aria-disabled", state )
.toggleClass( "ui-state-disabled", state );
},
_refreshMultiplePicker: function() {
var i = 0;
for ( ; i < this.options.numberOfMonths; i++ ) {
this.element.find( ".ui-calendar-title" ).eq( i ).html( this._buildTitle() );
this.element.find( ".ui-calendar-calendar" ).eq( i ).html( this._buildGrid() );
this.viewDate.adjust( "M", 1 );
}
this.viewDate.adjust( "M", -this.options.numberOfMonths );
},
_getTranslation: function( key ) {
return $( "
" ).text( this.labels[ key ] ).html();
},
_setHiddenPicker: function() {
this.element.attr( {
"aria-hidden": "true",
"aria-expanded": "false"
} );
},
value: function( value ) {
if ( arguments.length ) {
this.valueAsDate( this._parse( value ) );
} else {
return this._format( this.option( "value" ) );
}
},
valueAsDate: function( value ) {
if ( arguments.length ) {
this.option( "value", value );
} else {
return this.options.value;
}
},
_isValid: function( value ) {
if ( $.type( value ) !== "date" ) {
return false;
}
if ( $.type( this.options.max ) === "date" ) {
if ( value > this.options.max ) {
return false;
}
}
if ( $.type( this.options.min ) === "date" ) {
if ( value < this.options.min ) {
return false;
}
}
return true;
},
_destroy: function() {
this.element
.off( ".calendar" )
.removeClass( "ui-calendar ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-calendar-multi" )
.removeAttr( "role aria-labelledby" )
.removeUniqueId()
.empty();
},
_setOptions: function( options ) {
var that = this,
refresh = false,
dateAttributes = false;
$.each( options, function( key, value ) {
that._setOption( key, value );
if ( key in that.refreshRelatedOptions ) {
refresh = true;
}
if ( key === "dateFormat" || key === "locale" ) {
dateAttributes = true;
}
} );
if ( dateAttributes ) {
this._setLocale( this.options.locale, this.options.dateFormat );
this.date.setAttributes( this._calendarDateOptions );
this.viewDate.setAttributes( this._calendarDateOptions );
}
if ( refresh ) {
this.viewDate.setTime( this.date.date().getTime() );
this.refresh();
}
},
_setOption: function( key, value ) {
if ( key === "value" ) {
if ( this._isValid( value ) ) {
this.date.setTime( value.getTime() );
this._super( key, value );
}
return;
}
if ( key === "max" || key === "min" ) {
if ( $.type( value ) === "date" || value === null ) {
this._super( key, value );
}
return;
}
this._super( key, value );
if ( key === "buttons" ) {
this._createButtons();
}
if ( key === "disabled" ) {
this.element
.toggleClass( "ui-state-disabled", value )
.attr( "aria-disabled", value );
}
if ( key === "eachDay" ) {
this.viewDate.eachDay = value;
}
}
} );
} ) );