fix: small fixes and refactoring

grzracz · Jul 6, 2021 · 7895e20 · 7895e20
1 parent 5bb7592
commit 7895e20
Show file tree

Hide file tree

Showing 11 changed files with 295 additions and 271 deletions.
diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -1,8 +1,8 @@
 import React from 'react'
-import Header from './components/Header'
-import DatePickerDemo from './components/DatePickerDemo'
+import Header from './components/Header/Header'
+import DatePickerDemo from './components/DatePickerDemo/DatePickerDemo'
 import InstallationGuide from './components/InstallationGuide'
-import Documentation from './components/Documentation'
+import Documentation from './components/Documentation/Documentation'
 
 const App = () => {
   return (

diff --git a/example/src/components/DatePickerDemo/CheckboxInput.tsx b/example/src/components/DatePickerDemo/CheckboxInput.tsx
@@ -15,7 +15,9 @@ const CheckboxInput: FC<CheckboxInputProps> = ({
       <input
         type='checkbox'
         checked={checked}
-        onClick={() => (updateChecked ? updateChecked(!checked) : {})}
+        onChange={(event) =>
+          updateChecked ? updateChecked(event.target.checked) : {}
+        }
       />{' '}
       {children}
     </div>

diff --git a/example/src/components/DatePickerDemo/DatePickerDemo.tsx b/example/src/components/DatePickerDemo/DatePickerDemo.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
-import { DatePicker } from '../dist'
 import { Dayjs } from 'dayjs'
+import { DatePicker } from 'react-dayjs-picker'
 import { LeftOutlined, ReloadOutlined, RightOutlined } from '@ant-design/icons'
 import CheckboxInput from './CheckboxInput'
 
@@ -42,6 +42,7 @@ const DatePickerDemo = () => {
           closeOnSelect={closeOnSelect}
           disableBeforeToday={disableBeforeToday}
           markToday={markToday}
+          onChange={() => console.log}
           format={customFormat ? 'D MMMM YYYY' : undefined}
           disableDates={
             disableCustomDates
@@ -69,10 +70,16 @@ const DatePickerDemo = () => {
         <CheckboxInput checked={markToday} updateChecked={setMarkToday}>
           mark today
         </CheckboxInput>
-        <CheckboxInput checked={disableBeforeToday} updateChecked={setDisableBeforeToday}>
+        <CheckboxInput
+          checked={disableBeforeToday}
+          updateChecked={setDisableBeforeToday}
+        >
           disable dates before today
         </CheckboxInput>
-        <CheckboxInput checked={disableCustomDates} updateChecked={setDisableCustomDates}>
+        <CheckboxInput
+          checked={disableCustomDates}
+          updateChecked={setDisableCustomDates}
+        >
           disable custom dates
         </CheckboxInput>
         <CheckboxInput checked={closeOnSelect} updateChecked={setCloseOnSelect}>
@@ -81,10 +88,16 @@ const DatePickerDemo = () => {
         <CheckboxInput checked={customFormat} updateChecked={setCustomFormat}>
           custom date format
         </CheckboxInput>
-        <CheckboxInput checked={customPosition} updateChecked={setCustomPosition}>
+        <CheckboxInput
+          checked={customPosition}
+          updateChecked={setCustomPosition}
+        >
           custom position
         </CheckboxInput>
-        <CheckboxInput checked={customComponents} updateChecked={setCustomComponents}>
+        <CheckboxInput
+          checked={customComponents}
+          updateChecked={setCustomComponents}
+        >
           render custom components
         </CheckboxInput>
         <div>...and more</div>