Hi Martin,
Greetings from Syncfusion support.
Query 1: I am using DateTimePicker component and I would like to know how to change color from red to custom one
If you want to change the focusing color, then you can add the below css and customize the color as per the need.
|
.e-input-group:not(.e-float-icon-left).e-error:not(.e-float-input)::before , .e-input-group.e-control-wrapper:not(.e-float-icon-left).e-error:not(.e-float-input)::before,.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before ,.e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::before {
background:#19d219;
}
.e-input-group:not(.e-float-icon-left).e-error:not(.e-float-input)::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left).e-error:not(.e-float-input)::after,.e-input-group:not(.e-float-icon-left):not(.e-float-input).e-input-focus::after,.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input).e-input-focus::after {
background:#19d219;
}
|
Otherwise if you want to change the error class color, then you can add the below css and customize the color as per the need.
|
.e-input-group.e-error, .e-input-group.e-control-wrapper.e-error, .e-input-group.e-error:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
border-bottom-color:#ffc0cb;
}
|
Query 2: how to change format to 24 hours
You can use the format property for displaying hours in 24hours. Refer to the code below,
|
<ejs-datetimepicker format="dd-MM-yyyy HH:mm"></ejs-datetimepicker>
|
Regards,
Sevvandhi N
