Merge pull request #48 from flexcodelabs/develop

🛠️ fix: embedded datepicker styles on chat css

Author: Era360

example/vanilla-js/script.js

@@ -371,3 +371,40 @@
   }
 }
 /*# sourceMappingURL=chat.css.map */
+
+/* Date Picker Styles */
+.datepicker-toggle {
+  display: inline-block;
+  position: relative;
+  width: 20px;
+  height: 21px;
+  margin: 0 0.3rem;
+}
+.datepicker-toggle-button {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.datepicker-input {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  cursor: pointer;
+  box-sizing: border-box;
+}
+.datepicker-input::-webkit-calendar-picker-indicator {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+}

example/vanilla-js/style.css

@@ -72,7 +72,7 @@
         max-height: calc( 100% - 92px - .5rem )
         width: var(--sarufi-chatbox-width)
         max-width: 100%
-        bottom: calc( 40px + .2.2rem )
+        bottom: calc( 40px + .2rem )
 
     .sarufi-backdrop
         height: calc( var(--sarufi-chatbox-height) - 95px - .5rem )

src/chat/chat.css

@@ -1,6 +1,5 @@
 import React, { CSSProperties, useState } from "react";
 import { Calendar } from "../../assets/icons";
-import "./datepicker.css";
 
 interface DatePickerProps {
   selectedDate?: Date;