diff --git a/demos/functional/templates/images/clear.gif b/demos/functional/templates/images/clear.gif
new file mode 100644
index 000000000..217608912
Binary files /dev/null and b/demos/functional/templates/images/clear.gif differ
diff --git a/demos/functional/templates/images/close.gif b/demos/functional/templates/images/close.gif
new file mode 100644
index 000000000..5710ebc44
Binary files /dev/null and b/demos/functional/templates/images/close.gif differ
diff --git a/demos/functional/templates/images/next.gif b/demos/functional/templates/images/next.gif
new file mode 100644
index 000000000..6058cb0c7
Binary files /dev/null and b/demos/functional/templates/images/next.gif differ
diff --git a/demos/functional/templates/images/prev.gif b/demos/functional/templates/images/prev.gif
new file mode 100644
index 000000000..ee630975b
Binary files /dev/null and b/demos/functional/templates/images/prev.gif differ
diff --git a/demos/functional/templates/ui.datepicker.html b/demos/functional/templates/ui.datepicker.html
index 244fbf5da..de78e19d3 100644
--- a/demos/functional/templates/ui.datepicker.html
+++ b/demos/functional/templates/ui.datepicker.html
@@ -196,7 +196,7 @@ function customRange(input) {
options: [
{ desc: 'Single month inline', source: '$("#inline").datepicker({onSelect: function(date) { alert("The chosen date is " + date); }});$("#altInline").hide();' },
{ desc: 'Range select inline', source: '$("#inline").datepicker({rangeSelect: true, onSelect: function(date) { alert("The chosen dates are " + date); }});$("#altInline").hide();' },
- { desc: 'Range select showing two months inline', source: '$("#inline").datepicker({rangeSelect: true, numberOfMonths: 2}).children("div").css("width", "370px");$("#altInline").hide();' },
+ { desc: 'Range select showing two months inline', source: '$("#inline").datepicker({rangeSelect: true, numberOfMonths: 2});$("#altInline").hide();' },
{ desc: 'Highlight some national days (via CSS)', source: '$("#inline").datepicker({beforeShowDay: nationalDays});$("#altInline").hide();' },
{ desc: 'Inline linked to an input field', source: '$("#inline").datepicker({altField: "#altInline", altFormat: "mm/dd/yy"});$("#altInline").show().keyup(setInlineDate);' },
{ desc: 'Disabled inline', source: '$("#inline").datepicker().datepicker("disable");$("#altInline").hide();' }
@@ -279,6 +279,7 @@ function customRange(input) {
options: [
{ desc: 'Append text to the datepicker', source: '$("#misc").datepicker({appendText: "(format mm/dd/yyyy)", showOn: "both", buttonImage: "templates/images/calendar.gif", buttonImageOnly: true});' },
+ { desc: 'Show controls as images', source: '$("#misc").datepicker({clearText: "", closeText: "", prevText: "", currentText: "", nextText: "", showOn: "both", buttonImage: "templates/images/calendar.gif", buttonImageOnly: true});' },
{ desc: 'Move Clear/Close controls to the bottom', source: '$("#misc").datepicker({closeAtTop: false, showOn: "both", buttonImage: "templates/images/calendar.gif", buttonImageOnly: true});' },
{ desc: 'Make the datepicker mandatory (no Clear)', source: '$("#misc").datepicker({mandatory: true, showOn: "both", buttonImage: "templates/images/calendar.gif", buttonImageOnly: true});' },
{ desc: 'Show big Prev/Next links', source: '$("#misc").datepicker({showBigPrevNext: true, showOn: "both", buttonImage: "templates/images/calendar.gif", buttonImageOnly: true});' },
@@ -399,18 +400,6 @@ function customRange(input) {
{ desc: 'فارسی (Farsi/Persian)', source: '$("#i18nrtl").datepicker($.extend({}, $.datepicker.regional["fa"], {showStatus: true, showOn: "both", buttonImage: "templates/images/calendar.gif", buttonImageOnly: true}));$("#contrib2").html("Javad Mowlanezhad");' },
{ desc: 'עברית (Hebrew)', source: '$("#i18nrtl").datepicker($.extend({}, $.datepicker.regional["he"], {showStatus: true, showOn: "both", buttonImage: "templates/images/calendar.gif", buttonImageOnly: true}));$("#contrib2").html("Amir Hardon");' }
]
- },
-
- {
- title: 'Alternate Styling',
- desc: 'Change the look-and-feel of the datepicker with alternative CSS.
(Be sure to change it back again before going to another page.)',
- html: '',
- destroy: '',
-
- options: [
- { desc: 'Default jQuery UI (Flora)', source: '$("#styled").datepicker({showStatus: true, showOn: "both", buttonImage: "templates/images/calendar.gif", buttonImageOnly: true});' },
- { desc: 'Original datepicker styling', source: '$("#styled").datepicker({showStatus: true, showOn: "both", buttonImage: "templates/images/calendar.gif", buttonImageOnly: true});$("link[title=Flora (Default)]").attr("href", "../../themes/default/ui.datepicker.css");' }
- ]
}
]