Different styles for time and date picker

Topic: Different styles for time and date picker

Deepshore free asked 5 years ago

Somehow the time and date picker are styled in a different way than mentioned in the documentation. How is it possible to update the styles and the newly added labels inside the modal?

enter image description here

https://mdbootstrap.com/docs/vue/forms/date-picker/

Mikołaj Smoleński staff commented 5 years ago

Thanks for the info. We'll update it in one of the next releases.

Best regards

Add comment

Deepshore free answered 5 years ago

0 0 Best answer

The 'Clear' functionality seems to be added to the Date Picker component in Dev Branch of Mdb Vue Pro.Unfortunately the Date Picker is still missing the correct stylings inside the modal as well as other features. In addition the triggering button is still in a different styling.

Date picker:

<ul>
<li>Button: Stylings are old and do not fit with any other material design input field</li>
<li>Modal: Row on top for the currently selected day is missing</li>
<li>Modal: 'Ok' button can be removed and replaced by 'today' button</li>
<li>Modal: Buttons lack hover effect</li>
</ul>

All those features are available inside the documentation at: <a href="https://mdbootstrap.com/docs/vue/forms/date-picker/" target="_blank">https://mdbootstrap.com/docs/vue/forms/date-picker/</a>

Time picker:

<ul>
<li>Modal: Clear Button is missing</li>
<li>Modal: Button Lacks hover effect</li>
<li>Modal: Click outside the modal does not close modal (as the Date Picker does)</li>
</ul>

Please insert min. 20 characters.

The 'Clear' functionality seems to be added to the Date Picker component in Dev Branch of Mdb Vue Pro.Unfortunately the Date Picker is still missing the correct stylings inside the modal as well as other features. In addition the triggering button is still in a different styling.

Date picker:

Button: Stylings are old and do not fit with any other material design input field
Modal: Row on top for the currently selected day is missing
Modal: 'Ok' button can be removed and replaced by 'today' button
Modal: Buttons lack hover effect

All those features are available inside the documentation at: https://mdbootstrap.com/docs/vue/forms/date-picker/

Time picker:

Modal: Clear Button is missing
Modal: Button Lacks hover effect
Modal: Click outside the modal does not close modal (as the Date Picker does)

Mikołaj Smoleński staff commented 5 years ago

Thanks for Your information, we'll fix it in the next major release.

Best regards

Deepshore free commented 5 years ago

Does this mean, that the promoted date and time picker, which are promoted at https://mdbootstrap.com/docs/vue/advanced/demo/ are not available right now?

Mikołaj Smoleński staff commented 5 years ago

Pickers are available, but could have different styling. Best regards

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

ForumUser: Free
Premium support: No
Technology: MDB Vue
MDB Version: 4.8.2
Device: Lenovo
Browser: Chrome
OS: Windows 10
Provided sample code: No
Provided link: Yes

Deepshore

130Support score
12Questions 7Answers 0Snippets