Calendar and Time field in same page


We wanted to use Time field (only time and no months, days or dates). Based on a suggestion from DHTMLX forum, we use the following style classes:
.dhtmlxcalendar_dates_cont {
display: none !important;

.dhtmlxcalendar_days_cont {
display: none !important;
.dhtmlxcalendar_month_cont {
display: none !important;

Now, if we use these CSS settings, the other Calendar fields also become Time fields. i.e. the existing Calendar fields show only time :frowning:.

How to have both Calendar and Time fields in the same page?
Please suggest.

Thank you,

Ananth Krishnan

Unfortunately such feature is not supported.


Is it possible to query the Calendar elements (which we have to show only Time part) from the Form, set the styles of dhtmlxcalendar_dates_cont, dhtmlxcalendar_days_cont, dhtmlxcalendar_month_cont classes to “display:none” using Java Script?
In that case, I can use a function on body on load and hide these classes.

We need to use Calendar (all parts) and Calendar (showing Time only) in the same page.

How do we achieve this?

Also note that we generate these Form elements using JSON data.