Question 1

Is mdDateTime still maintained or supported?

Accepted Answer

No, mdDateTime is deprecated. The author has shifted all development to scDateTime, so you won't receive updates or bug fixes for this version. It's best for legacy AngularJS projects only.

Question 2

How do I install mdDateTime with Bower in my AngularJS app?

Accepted Answer

Run 'bower install md-date-time' from the command line, then include the CSS and JS files from the dist folder in your HTML, as detailed in the README. Ensure you also have AngularJS and FontAwesome dependencies.

Question 3

Can I use mdDateTime with Bootstrap instead of Angular Material?

Accepted Answer

Yes, but you need to create a shim for the md-button directive. The README provides an example for Bootstrap, requiring you to add a custom directive that may need additional CSS adjustments for proper styling.

Question 4

mdDateTime vs scDateTime: which one should I choose for a new project?

Accepted Answer

Choose scDateTime for new projects, as it's the actively maintained successor with ongoing updates. mdDateTime is only suitable if you're stuck with an existing AngularJS codebase and can't migrate yet.

Question 5

How to change mdDateTime to display 24-hour time format?

Accepted Answer

Set the 'display-twentyfour' option to a truthy value in your HTML attribute or controller binding. This configures the picker to show times in 24-hour mode instead of the default 12-hour format.

Question 6

Why does the mdDateTime picker look incorrectly sized on my webpage?

Accepted Answer

The picker uses REM units for sizing, which can cause scaling issues. As per the README FAQ, adjust the font-size on the .time-date class with custom CSS, such as setting it to 14px, to resolve this.

md-date-time

What is md-date-time?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions