input color

public/css/Fhc.css

@@ -57,4 +57,12 @@
 .input-group > .input-group-item:not(:first-child) .form-select {
 	border-top-left-radius: 0;
 	border-bottom-left-radius: 0;
-}
+}
+
+.form-control-color.is-invalid,
+.was-validated .form-control-color:invalid,
+.form-control-color.is-valid,
+.was-validated .form-control-color:valid {
+	padding-right: .375rem;
+	background-image: none;
+}

public/js/components/Form/Input.js

@@ -115,6 +115,9 @@ export default {
 					case 'datepicker':
 						classes.push('p-0');
 						classes.push('border-0');
+					case 'color':
+						if (!c.includes('form-control-color'))
+							classes.push('form-control-color');
 					case 'text':
 					case 'number':
 					case 'password':