Configurable list widget: Customize the style of the calendar field

When I click the calendar control there are a couple of problem with the way it displays: 

1) The grid lines on the table show through the calendar

2) The day of the week headings are strangely worded ("Monday Mo", "Tuesday Tu") and extra words cause the calendar to be wider than necessary

I would like a more compact calendar such as the one that comes with the date/time control.

I think it's a problem with your custom CSS injected in your config list widget because the default calendar doesn't have such issue.

Upon checking your config list, I found pseudo CSS injected into it which triggers all the table elements which create that problem.

To fix it, simply remove all the injected CSS codes in your config list widget. You can also retain the CSS codes, just omit this CSS codes.

Result:

I understand that you want to display the full day names that's why you added the above CSS codes. There's actually a better way to achieve that using this CSS codes http://pastebin.com/raw/gCu9bnnt

Result: https://form.jotform.com/60880900428961 You can clone this form back if you want. 

Thanks. I do need to display the day names. Unfortunately your revised example does not display them (https://form.jotform.com/60880900428961)

 

 

It appears that the issue is already fixed on Elton's form.

https://form.jotform.com/60880900428961

Please re-check this on your side.

Thanks, but this form still does not display the day of the week. I need the day to appear to the left of the date.  For example:  https://form.jotform.com/60450675676160

I've made a few fixes on my form. Kindly recheck.

https://form.jotform.com/60880900428961

Here's the CSS codes I used. You can replace all the CSS codes in your config list widget with this http://pastebin.com/raw/R5cqJq2E

Let us know if you need anything else.

Regards!

Thanks, that works. 

One more question for now: For the number field, is it

? Currently any characters can be entered. 

Perhaps related to this, when filling out this form on an Android device (Lollipop), the QWERTY keyboard displays.  Would much rather display the numeric keypad. 

Great. It's good to know that it works now.

We will answer your other question on a separate thread here https://www.jotform.com/answers/805706