Support Date module styling [#2116471]

I'm using Date module with popup calendar widget and the form is not well formated with Bootstrap theme. See attached screenshots.
The "Required" asterisk is alone on its line, help text top margin is too small, etc...
And it would be nice if the start & end date were on the same line using a fluid-row!

Comment	File	Size	Author
#6	Výběr_006.jpg	6.31 KB	milos.kroulik
#4	dates.png	15.52 KB	bverc
#2	Screen Shot 2014-04-02 at 10.41.29.png	16.93 KB	csakiistvan
	multiple-dates.png	20.83 KB	cthiebault
	single-date.png	14.63 KB	cthiebault

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

markhalliwell

English

CreditAttribution: markhalliwell commented 21 October 2013 at 03:32

Title:	Date form - CSS needs work for popup calendar widget	» Support Date module styling
Version:	7.x-2.2	» 7.x-3.x-dev
Component:	User interface	» Code
Category:	bug	» feature

We're about to deprecate the 7.x-2.x branch in favor of 7.x-3.x (Bootstrap 3). I doubt this will ever get into the 7.x-2.x branch. FWIW though, supporting every module out there is a little unfeasible. However, given the popularity of the Date module and the fact that it is in D8, I'm going to push this issue to 7.x-3.x and see if someone is still able to reproducible this issue.

Comment #2

csakiistvan

Hungarian

Budapest, Hungary

CreditAttribution: csakiistvan commented 2 April 2014 at 08:42

Issue summary:

View changes

File	Size
Screen Shot 2014-04-02 at 10.41.29.png	16.93 KB

I think it looks good now

Comment #3

markhalliwell

English

CreditAttribution: markhalliwell commented 2 April 2014 at 08:45

This is also for the textfield format. I think Date has the ability to provide separate month, day and year selects if I'm not mistaken?

Comment #4

bverc CreditAttribution: bverc commented 24 April 2015 at 00:01

File	Size
dates.png	15.52 KB

In addition to adding a new datepicker, the layout for multiple dates needs to be improved.

Multiple dates should appear in one panel, not a sperate panel for each date. This will make it more consistent with other multiple fields such as files.

Multiple dates

Comment #5

ckng

English

CreditAttribution: ckng commented 29 April 2015 at 03:58

I believe that is Date default to use fieldset, hence panel in bootstrap.
In latest Date dev, you have the ability to turn the fieldset off.

Comment #6

milos.kroulik CreditAttribution: milos.kroulik commented 15 September 2015 at 20:24

File	Size
Výběr_006.jpg	6.31 KB

Because there is no support for Bootstrap datepicker yet, it would be nice, if the date popup from Date module would display better. Right know the popup renders cca 20 px below the field, which can be confusing for some editors. Documented in screenshot.