diff --git a/packages/components/calendar/src/js/calendar.provider.js b/packages/components/calendar/src/js/calendar.provider.js
index 2560d4a1e..963fe3572 100644
--- a/packages/components/calendar/src/js/calendar.provider.js
+++ b/packages/components/calendar/src/js/calendar.provider.js
@@ -5,7 +5,7 @@ export default class {
     this.locale = 'en';
     this.options = {
       altInputClass: 'oui-calendar__control oui-calendar__control_alt',
-      allowInput: false,
+      allowInput: true,
       dateFormat: 'Y-m-d',
       disableMobile: true,
       maxDate: null,
diff --git a/packages/components/calendar/src/less/flatpickr.less b/packages/components/calendar/src/less/flatpickr.less
index 56bfeae1f..17e075a2b 100644
--- a/packages/components/calendar/src/less/flatpickr.less
+++ b/packages/components/calendar/src/less/flatpickr.less
@@ -139,11 +139,10 @@
       font-size: inherit;
       font-weight: inherit;
       color: inherit;
-      background: none;
 
       &:hover,
       &:focus {
-        background: none;
+        opacity: 0.8;
         color: inherit;
       }
     }