@atawi/react-date-picker 1.0.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/README.md +10 -5
  3. package/dist/index.js +158 -157
  4. package/dist/index.js.map +1 -1
  5. package/package.json +17 -2
package/CHANGELOG.md ADDED
@@ -0,0 +1,19 @@
1
+ # Changelog
2
+
3
+ All notable changes to this project will be documented in this file.
4
+
5
+ ## [Unreleased]
6
+
7
+ ### Breaking Changes
8
+
9
+ - Consumers must explicitly import the package stylesheet:
10
+
11
+ ```ts
12
+ import "@atawi/react-date-picker/style.css";
13
+ ```
14
+
15
+ - The stylesheet is now exported via the package subpath `@atawi/react-date-picker/style.css`.
16
+
17
+ ### Documentation
18
+
19
+ - Added "Required CSS Import" guidance to API, Getting Started, Installation, Examples, and README.
package/README.md CHANGED
@@ -1,10 +1,12 @@
1
1
  # React Date Picker
2
2
 
3
- A beautiful, customizable date and time picker component for React with comprehensive built-in styling, multiple themes and localization support.
3
+ ![](https://github.com/AhmedAlatawi/react-date-picker/actions/workflows/ci.yml/badge.svg)
4
+ ![npm version](https://img.shields.io/npm/v/@atawi/react-date-picker)
5
+ ![license](https://img.shields.io/npm/l/@atawi/react-date-picker)
6
+ ![bundle size](https://img.shields.io/bundlephobia/minzip/@atawi/react-date-picker)
7
+ [![codecov](https://codecov.io/github/ahmedalatawi/react-date-picker/graph/badge.svg?token=141KSD7U2J)](https://codecov.io/github/ahmedalatawi/react-date-picker)
4
8
 
5
- ![npm version](https://img.shields.io/npm/v/@ahmedalatawi/react-date-picker)
6
- ![license](https://img.shields.io/npm/l/@ahmedalatawi/react-date-picker)
7
- ![bundle size](https://img.shields.io/bundlephobia/minzip/@ahmedalatawi/react-date-picker)
9
+ A beautiful, customizable date and time picker component for React with comprehensive built-in styling, multiple themes and localization support.
8
10
 
9
11
  ## Features
10
12
 
@@ -32,9 +34,10 @@ npm install @atawi/react-date-picker
32
34
 
33
35
  ## Setup
34
36
 
35
- The library works out of the box with comprehensive built-in styles. Simply import the component and start using it:
37
+ Import the package stylesheet once in your app entry, then import components:
36
38
 
37
39
  ```tsx
40
+ import "@atawi/react-date-picker/style.css";
38
41
  import { DateTimePicker } from "@atawi/react-date-picker";
39
42
 
40
43
  function App() {
@@ -56,6 +59,7 @@ The library includes comprehensive built-in styles that provide:
56
59
  ## Basic Usage
57
60
 
58
61
  ```tsx
62
+ import "@atawi/react-date-picker/style.css";
59
63
  import { DateTimePicker } from "@atawi/react-date-picker";
60
64
 
61
65
  function App() {
@@ -187,6 +191,7 @@ const [isOpen, setIsOpen] = useState(false);
187
191
  ### Standalone Time Picker
188
192
 
189
193
  ```tsx
194
+ import "@atawi/react-date-picker/style.css";
190
195
  import { TimePicker } from "@atawi/react-date-picker";
191
196
 
192
197
  const [time, setTime] = useState(new Date());