date format

styles/index.css

@@ -25,7 +25,7 @@
 }
 
 .input-text {
-  @apply appearance-none block bg-gray-100 text-gray-700 border rounded py-2 px-3 mb-3 leading-tight;
+  @apply appearance-none bg-gray-100 text-gray-700 border rounded py-2 px-3 mb-3 leading-tight w-full;
 }
 
 .input-text:disabled {
@@ -40,6 +40,18 @@
   @apply border-red-500;
 }
 
+.ibtn {
+  @apply py-2 px-2 text-gray-400 w-10 h-10;
+}
+
+.ibtn:hover {
+  @apply text-gray-500;
+}
+
+.ibtn:active {
+  @apply text-gray-800;
+}
+
 .btn {
   @apply font-bold py-2 px-4 rounded mx-2;
 }
@@ -64,11 +76,18 @@
   @apply bg-gray-700;
 }
 
-/*@screen md {
+@screen sm {
   .fs {
     @apply w-1/2 mb-0;
   }
-}*/
+}
+.DayPickerInput .input-text {
+  @apply w-full;
+}
+
+.DayPickerInput {
+  @apply w-1/3;
+}
 
 .datepicker
   .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) {