Disable Spinner and Native Calendar Dropdown

DisableSpinnerAndNativeCalendarDropdown.scss

// Disable Spinner and Native Calendar Dropdown
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"] {
    appearance: textfield;
    &::-webkit-calendar-picker-indicator {
        display: none;
    }
    &::-webkit-inner-spin-button,
    &::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    &::-webkit-clear-button {
        display: none;
        -webkit-appearance: none;
    }
    &::-webkit-datetime-edit-fields-wrapper {
        visibility: hidden;
    }
}

// You could do it this way (may not work in some browsers), or you could use JavaScript