render: ->
super
- @detailsView.$('input').prop('placeholder', '1970-01-31').datepicker dateFormat: 'yy-mm-dd'
+ @detailsView.$('input').prop('placeholder', '1970-01-31').datepicker
+ dateFormat: 'yy-mm-dd'
+ changeMonth: true
+ changeYear: true
RangeFilterView.prototype.render.apply(this, arguments);
this.detailsView.$('input')
.prop('placeholder', '1970-01-31')
- .datepicker({ dateFormat: 'yy-mm-dd' });
+ .datepicker({
+ dateFormat: 'yy-mm-dd',
+ changeMonth: true,
+ changeYear: true
+ });
},
prev = (this._canAdjustMonth(inst, -1, drawYear, drawMonth) ?
"<a class='ui-datepicker-prev ui-corner-all' data-handler='prev' data-event='click'" +
- " title='" + t(prevText) + "'><span class='ui-icon ui-icon-circle-triangle-" + ( isRTL ? "e" : "w") + "'>" + t(prevText) + "</span></a>" :
+ " title='" + t(prevText) + "'><i class='icon-arrow-" + ( isRTL ? "right" : "left") + "'></i> " + t(prevText) + "</a>" :
(hideIfNoPrevNext ? "" : "<a class='ui-datepicker-prev ui-corner-all ui-state-disabled' title='"+ t(prevText) +"'><span class='ui-icon ui-icon-circle-triangle-" + ( isRTL ? "e" : "w") + "'>" + t(prevText) + "</span></a>"));
nextText = this._get(inst, "nextText");
next = (this._canAdjustMonth(inst, +1, drawYear, drawMonth) ?
"<a class='ui-datepicker-next ui-corner-all' data-handler='next' data-event='click'" +
- " title='" + t(nextText) + "'><span class='ui-icon ui-icon-circle-triangle-" + ( isRTL ? "w" : "e") + "'>" + t(nextText) + "</span></a>" :
+ " title='" + t(nextText) + "'>" + t(nextText) + " <i class='icon-arrow-" + ( isRTL ? "left" : "right") + "'></i></a>" :
(hideIfNoPrevNext ? "" : "<a class='ui-datepicker-next ui-corner-all ui-state-disabled' title='"+ t(nextText) + "'><span class='ui-icon ui-icon-circle-triangle-" + ( isRTL ? "w" : "e") + "'>" + t(nextText) + "</span></a>"));
currentText = this._get(inst, "currentText");
font-style: normal;
}
-[class^="icon-"], [class*=" icon-"],
-.ui-icon-circle-triangle-e,
-.ui-icon-circle-triangle-w {
+[class^="icon-"], [class*=" icon-"] {
font-family: 'sonar';
speak: none;
font-style: normal;
position: relative;
top: -2px;
}
-.icon-arrow-left:before,
-.ui-icon-circle-triangle-w:before {
- position: relative;
- top: 1px;
+.icon-arrow-left:before {
content: "\f0d9";
}
-.ui-icon-circle-triangle-w:before {
- margin-right: 3px;
-}
-.icon-arrow-right:before,
-.ui-icon-circle-triangle-e:after {
+.icon-arrow-right:before {
content: "\f0da";
- position: relative;
- top: 1px;
-}
-.ui-icon-circle-triangle-e:after {
- margin-left: 3px;
}
.icon-dropdown:before {
content: "\f0d7";
right: 2px;
}
.ui-datepicker .ui-datepicker-title {
- margin: 0 2.3em;
+ margin: 0 48px;
line-height: 1.8em;
color: #444;
text-align: center;
float: left;
}
+.ui-datepicker-today { background-color: @contextBackground; }
+.ui-datepicker-current-day { background-color: @highlighted; }
+.ui-datepicker-current-day a { color: #fff; }
+
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
<script>
$j("#create-action-plan-form").modalForm();
+ $j("[name=deadline]").datepicker({
+ dateFormat: 'yy-mm-dd',
+ changeMonth: true,
+ changeYear: true
+ });
</script>
<script>
$j("#edit-action-plan-form").modalForm();
- $j("[name=deadline]").datepicker({ dateFormat: 'yy-mm-dd' });
+ $j("[name=deadline]").datepicker({
+ dateFormat: 'yy-mm-dd',
+ changeMonth: true,
+ changeYear: true
+ });
</script>