Different styles for time and date picker


Topic: Different styles for time and date picker

Deepshore asked 6 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 6 years ago

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

Best regards


Deepshore answered 6 years ago

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 6 years ago

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

Best regards


Deepshore commented 6 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 6 years ago

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


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Open

Specification of the issue
  • User: 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