dev #7

Merged
Astrian merged 5 commits from dev into main 2025-02-22 23:02:05 +00:00
Showing only changes of commit 7a43085c6f - Show all commits

View File

@ -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 [Datenels documentation](https://datenel.js.org/guide/react/gettingstart.html).
## Supported Components & Props ## Supported Components & Props
- [x] SingleDatePicker - [x] SingleDatePicker