Connect your select to a dropdown for better styling! The dropdown will be updated accordingly to the select field you can select inside the navigator!
Converts your text field into a native date time input
Converts your text field into a native time input
Converts your text field into a native date input
Converts your text field into a native color input, the text block next to the input can be used also to modify the value of the color field, the initial value will be get from that field so be sure to use an appropriate hex color string
Converts your radio input into a rating input with a simple css trick (:has selector, polyfilled for Firefox). Don't forget to style up the hover and the checked state of the radio input!