Update border color dark mode

Author: onesine

dist/index.cjs.js

@@ -209,7 +209,7 @@ const Datepicker: React.FC<Props> = ({primaryColor = "blue", value = null, onCha
                 <div className="transition-all ease-out duration-300 absolute mt-[1px] text-sm lg:text-xs 2xl:text-sm translate-y-4 opacity-0 hidden" ref={calendarContainerRef}>
                     <Arrow ref={arrowRef}/>
 
-                    <div className="mt-2.5 shadow-sm border border-gray-300 px-1 py-0.5 bg-white dark:bg-slate-800 dark:text-white rounded-lg">
+                    <div className="mt-2.5 shadow-sm border border-gray-300 px-1 py-0.5 bg-white dark:bg-slate-800 dark:text-white dark:border-slate-600 rounded-lg">
                         <div className="flex flex-col lg:flex-row py-2">
 
                             {showShortcuts && (

dist/index.cjs.js.map

@@ -17,7 +17,7 @@ const Input: React.FC = () => {
     const getClassName = useCallback(() => {
         const border = BORDER_COLOR.focus[primaryColor as keyof typeof BORDER_COLOR.focus];
         const ring = RING_COLOR["second-focus"][primaryColor as keyof typeof RING_COLOR["second-focus"]];
-        return `transition-all duration-300 py-2.5 pl-4 pr-14 w-full border-gray-300 dark:bg-slate-800 dark:text-white/80 rounded-lg tracking-wide font-light text-sm placeholder-gray-400 bg-white focus:ring ${border} ${ring}`;
+        return `transition-all duration-300 py-2.5 pl-4 pr-14 w-full border-gray-300 dark:bg-slate-800 dark:text-white/80 dark:border-slate-600 rounded-lg tracking-wide font-light text-sm placeholder-gray-400 bg-white focus:ring ${border} ${ring}`;
     }, [primaryColor]);
 
     const handleInputChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {

dist/index.esm.js

@@ -66,7 +66,7 @@ export const DoubleChevronRightIcon: React.FC<IconProps> = ({className = "w-6 h-
 
 export const Arrow = React.forwardRef< HTMLDivElement, {} >((props, ref) => {
     return (
-        <div ref={ref} className="absolute z-20 h-4 w-4 rotate-45 mt-0.5 ml-[1.2rem] border-l border-t border-gray-300 bg-white dark:bg-slate-800"/>
+        <div ref={ref} className="absolute z-20 h-4 w-4 rotate-45 mt-0.5 ml-[1.2rem] border-l border-t border-gray-300 bg-white dark:bg-slate-800 dark:border-slate-600"/>
     );
 });