dev #7
11
README.md
11
README.md
|
@ -33,7 +33,6 @@ yarn add datenel-react # Use yarn
|
||||||
Here is an example of how to use Datenel in your React application:
|
Here is an example of how to use Datenel in your React application:
|
||||||
|
|
||||||
```tsx
|
```tsx
|
||||||
import React from 'react'
|
|
||||||
import { SingleDatePicker } from 'datenel-react'
|
import { SingleDatePicker } from 'datenel-react'
|
||||||
|
|
||||||
export default () => {
|
export default () => {
|
||||||
|
@ -41,10 +40,7 @@ export default () => {
|
||||||
alert(`You selected ${value.year}-${value-month}-${value.day}`)
|
alert(`You selected ${value.year}-${value-month}-${value.day}`)
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return <SingleDatePicker
|
||||||
<div className='app'>
|
|
||||||
<div className="border">
|
|
||||||
<SingleDatePicker
|
|
||||||
value={{
|
value={{
|
||||||
year: 2025,
|
year: 2025,
|
||||||
month: 1,
|
month: 1,
|
||||||
|
@ -52,12 +48,11 @@ export default () => {
|
||||||
}}
|
}}
|
||||||
onSelect={onSelect}
|
onSelect={onSelect}
|
||||||
/>
|
/>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
|
For more information and live demo, refer to [Datenel’s documentation](https://datenel.js.org/guide/react/gettingstart.html).
|
||||||
|
|
||||||
## Supported Components & Props
|
## Supported Components & Props
|
||||||
|
|
||||||
- [x] SingleDatePicker
|
- [x] SingleDatePicker
|
||||||
|
|
Loading…
Reference in New Issue
Block a user