Form Field Icon Styling

Get Help and Help Others
1

Hopefully some low hanging fruit here,
Does anyone know how you can style the form field icons (specifically for the redwood form field date and time pickers? It’s not linked to the text colour unfortunately:

{/* Date and Time */}
          <div className="md:col-span-2">
            <Label name="date" className="block text-lg">
              Date
            </Label>
            <DateField
              name="date"
              className="w-full rounded bg-gray-800 text-white"
            />

            <Label name="time" className="mt-4 block text-lg">
              Time
            </Label>
            <TimeField
              name="time"
              className="w-full rounded bg-gray-800 text-white"
            />
          </div>

image

2

Check out this post on dev.to: Styling a native date input into a custom, no-library datepicker

Does that help?

3

Ooohh, thanks!
I just assumed it was an artifact of the redwood form fields.
Thanks a bunch!