flavorly / vanilla-components

A lightweight, flexible & customizable UI library for Vue 3, styled with Tailwind CSS.

Home Page:https://vanilla-components.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Question: how can I modify the nested Input attributes of 'DateTimeInput'?

peter-fan-cn opened this issue · comments

I need change the font size of the input box of 'DateTimeInput' element, how can I do it?
I can see there is a inputProps in the base props, but it do nothing.

<DateTimeInput
                        v-model="parameter.date"
                        is-required
                        :inline="false"
                        color="amber"
                        :options="{color:'amber'}"
                        mode="date"
                        placeholder="Please select your date"
                        :input-props="{classes:{wrapper:'text-xs'}}"
                    />

You can use classes directly to modify the appearance of the underlying input, you can also free to slot the default slot and bring your own VanillaInput with your own variant/styles