Skip to main content

Search and Top Navigation

#4162 closed bug (worksforme)

Opened February 16, 2009 08:12PM UTC

Closed March 16, 2009 11:57PM UTC

Clear/Close buttons not visible.

Reported by: thzero Owned by:
Priority: minor Milestone: 1.7
Component: ui.datepicker Version: 1.6rc6
Keywords: Cc:
Blocked by: Blocking:
Description

No amount of settings allow the clear and close buttons to show.

You can edit the code and change the var controls = '<div class="ui-datepicker-controls"...>' to '<div class=""..>' or in the css set the 'ui-datepicker-controls' style to remove the "display:none".

However this brings up a secondary issue. The ui code surrounds the "clear" and "close" with div tags so the "Clear" and "Close" appear vertically aligned to the left which looks bad. As all the "HTML" is embedded in the source, its impossible to tweak it they way you want. At very least doing something akin to the following for the controls section looks better, and requires less vertical room (you generally have more horizontal than vertical)...

<div class="ui-datepicker-controls">

<span class="ui-datepicker-clear"></span>

<span class="ui-datepicker-close"></span>

</div>

ui-datepicker-controls { text-align: right; }

ui-datepicker-clear { float: left; }

ui-datepicker-close { text-align: right; }

Attachments (0)
Change History (3)

Changed February 17, 2009 11:59AM UTC by jzaefferer comment:1

milestone: TBD1.6

Changed March 08, 2009 02:40PM UTC by rdworth comment:2

milestone: 1.71.8

Changed March 16, 2009 11:57PM UTC by scottgonzalez comment:3

milestone: 1.81.7
resolution: → worksforme
status: newclosed

The clear button was removed in 1.7 and the close button works fine, see the demo at http://jqueryui.com/demos/datepicker/#buttonbar