Skip to main content

Search and Top Navigation

#2598 closed bug (fixed)

Opened March 27, 2008 05:06PM UTC

Closed May 04, 2008 10:27AM UTC

Last modified February 26, 2009 12:02PM UTC

[ui.datepicker] Datepicker status bar floating issue

Reported by: graste Owned by: iMarc
Priority: major Milestone: 1.5
Component: ui.core Version: 1.2.3
Keywords: ui datepicker showstatus float Cc:
Blocked by: Blocking:
Description

The status bar text is sometimes shown in the top row of the date picker instead of the bottom row. This happens due to not clearing the floats when displaying multiple months.

A quick fix in line 1350 solves the issue:

Change from

html += (showStatus ? '<div id="datepicker_status_' + this._id + 

to:

html += (showStatus ? '<div style="clear: both;"></div><div id="datepicker_status_' + this._id + 

Simple testcase that shows the floating issue:

$("input.dateperiod").datepicker({
    showStatus: true,
    rangeSelect: true,
    numberOfMonths: [1,2],
    stepMonths: 1
  });
Attachments (0)
Change History (4)

Changed March 28, 2008 04:59PM UTC by paul comment:1

owner: pauliMarc

Changed May 04, 2008 10:27AM UTC by paul comment:2

resolution: → fixed
status: newclosed

Fixed in r5405.

Changed May 24, 2008 03:39AM UTC by comment:3

milestone: 1.2.4

Milestone 1.2.4 deleted

Changed February 26, 2009 12:02PM UTC by paul comment:4

milestone: → 1.5