Adjusting DateTimePicker Width

Mark Kimbrell:
How can I adjust the width of a dateTimePicker? It seems like the width is fixed no matter what I use in the styleClasses key (trying col-md-6 with no luck)?

image


Hassan Mukhtar:
Remove col-md- and do w-full


Mark Kimbrell:
That gives me this:

image


Andrew Dam:
A quick fix is to include this in your Styling tab CSS:

.date {
    width: 100%;
}

This will target the default class of the date picker element and make it full width


Mark Kimbrell:
That works. Thanks!


Delfs:
Future travelers, the date time picker is an element that was not made by us. It does have some limitations.