Skip to content

Commit abd2072

Browse files
committed
[breaking] Don't import styles by default
1 parent 7f29117 commit abd2072

File tree

6 files changed

+10
-18
lines changed

6 files changed

+10
-18
lines changed

README.md

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -65,9 +65,13 @@ function MyApp() {
6565

6666
### Custom styling
6767

68-
If you don't want to use default React-DateTime-Picker, React-Calendar, and React-Clock styles, you can import React-DateTime-Picker without them by using `import DateTimePicker from 'react-datetime-picker/dist/entry.nostyle';` instead.
68+
If you want to use default React-DateTime-Picker, React-Calendar and React-Clock styling to build upon it, you can import them by using:
6969

70-
Styles loaded by the default entry file are `react-datetime-picker/dist/DateTimePicker.css`, `react-calendar/dist/Calendar.css`, and `react-clock/dist/Clock.css`. You can copy them to your project to build your own upon them.
70+
```js
71+
import 'react-datetime-picker/dist/DateTimePicker.css';
72+
import 'react-calendar/dist/Calendar.css';
73+
import 'react-clock/dist/Clock.css';
74+
```
7175

7276
### Next.js and Vite
7377

jest.config.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"collectCoverageFrom": ["**/src/**.{js,jsx}", "!**/src/entry.js", "!**/src/entry.nostyle.js"],
2+
"collectCoverageFrom": ["**/src/**.{js,jsx}", "!**/src/index.js"],
33
"reporters": ["default", "github-actions"],
44
"setupFilesAfterEnv": ["@testing-library/jest-dom"],
55
"testEnvironment": "jsdom"

package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22
"name": "react-datetime-picker",
33
"version": "4.2.0",
44
"description": "A date range picker for your React app.",
5-
"main": "dist/entry.js",
6-
"source": "src/entry.js",
5+
"main": "dist/index.js",
6+
"source": "src/index.js",
77
"scripts": {
88
"build": "yarn build-js && yarn copy-styles",
99
"build-js": "babel src -d dist --ignore \"**/*.spec.js,**/*.spec.jsx\"",

src/entry.js

Lines changed: 0 additions & 12 deletions
This file was deleted.
File renamed without changes.

test/Test.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React, { useRef, useState } from 'react';
2-
import DateTimePicker from 'react-datetime-picker/src/entry.nostyle';
2+
import DateTimePicker from 'react-datetime-picker/src';
33
import 'react-datetime-picker/src/DateTimePicker.css';
44
import 'react-calendar/dist/Calendar.css';
55
import 'react-clock/dist/Clock.css';

0 commit comments

Comments
 (0)