Date Picker - Layout Issues/Bugs?

Using the DatePicker (and other components, like Selects, etc) have some really odd layout.

I'm not sure if these are intentional, or just leftovers from something old? Currently, for the date picker, in order to make the default layout like every other form input we have to do the following:

styles.css:

.mydp {
line-height: unset !important; // MDB: 1.8 -> 1.1 -> etc. 1.5 is default IIRC
display: block !important; // MDB: inline-block
}

Then every time we use the datePicker, we also have to forcefully set other values on the "options" input:


export const defaultDatePickerOpts: IMyOptions = {
// Not sure where/why these are even changeable when using what is effectively an mdbInputDirective internally
height: null,
selectionTxtFontSize: null
};

So, with that said, why are these options here?

Also, secondarily, is there a way to *not* show the input, and instead just have the actual date picker modal shown in it's place? Sort of like a "static calendar" instead of a popup?

PS; The post editor here is pretty broken. The "code" stuff completely breaks down if you attempt to edit anything before posting.