I am currently utilizing a date and time picker that has the ability to display ['month', 'day', 'year','hour','minute','ampm']. You can find the source code here.
Although everything is functioning properly, I am facing an issue where the datepicker is not displaying the titles. The titles are present in the HTML page but they seem to be hidden via CSS.
For instance, the code generates Month on the page like this:
<div class="x-unsized x-picker-slot-title x-dock-item x-docked-top x-has-width x-item-hidden" id="ext-component-268" style="display: none!important;">
<div class="x-innerhtml " id="ext-element-712">Month</div>
</div>
The style attribute shows display: none!important;. How can this be overwritten?
I believe there should be a way to display the column names by adjusting some options in the .js file rather than overriding the CSS styles directly. Is there an option like 'ShowTitles' for this purpose?
Despite my efforts, I have not been able to find a solution to address this challenge.
So, the question remains - how do I remove
style="display: none !important;"