diff --git a/css/shiny.css b/css/shiny.css
index 047387a..93f968e 100644
--- a/css/shiny.css
+++ b/css/shiny.css
@@ -158,7 +158,10 @@ input.form-radio {
   width: 17px;
   height: 17px;
 }
-
+.field-type-datetime input.form-checkbox,
+.field-type-datetime input.form-radio {
+  opacity: 1;
+}
 #foo:checked,
 input.form-checkbox + label::before,
 input.form-radio + label::before {
diff --git a/scss/shiny.scss b/scss/shiny.scss
index afc14e2..6bfc974 100644
--- a/scss/shiny.scss
+++ b/scss/shiny.scss
@@ -133,12 +133,18 @@ input.form-radio + label {
 }
 /* Using "foo" to make unsupporting browsers ignore */
 #foo:checked::before,
-input.form-checkbox ,
+input.form-checkbox,
 input.form-radio {
   opacity: 0;
   width: 17px;
   height: 17px;
 }
+.field-type-datetime {
+  input.form-checkbox,
+  input.form-radio {
+    opacity: 1;
+  }
+}
 #foo:checked,
 input.form-checkbox + label::before,
 input.form-radio + label::before {