feat: new datepicker component

.eslintrc.js

@@ -1,30 +1,26 @@
 module.exports = {
-    extends: [
-        "eslint:recommended",
-        "plugin:react/recommended",
-        "prettier",
+  extends: ['eslint:recommended', 'plugin:react/recommended', 'prettier'],
+  plugins: ['react', 'prettier'],
+  rules: {
+    'prettier/prettier': [
+      'error',
+      {
+        singleQuote: true,
+        trailingComma: 'es5',
+        bracketSpacing: true,
+        jsxBracketSameLine: true,
+        printWidth: 100,
+        parser: 'babylon'
+      }
     ],
-    plugins: [
-        "react",
-        "prettier",
-    ],
-    rules: {
-        "prettier/prettier": ["error", {
-            "singleQuote": true,
-            "trailingComma": "es5",
-            "bracketSpacing": true,
-            "jsxBracketSameLine": true,
-            "printWidth": 100,
-            "parser": "babylon",
-        }],
-        "no-debugger": 0,
-        "no-console": 0,
-    },
-    parser: "babel-eslint",
-    env: {
-        "es6": true,
-        "node": true,
-        "browser": true,
-        "jest": true,
-      },
-};
+    'no-debugger': 0,
+    'no-console': 0
+  },
+  parser: 'babel-eslint',
+  env: {
+    es6: true,
+    node: true,
+    browser: true,
+    jest: true
+  }
+};

.github/workflows/publish_to_npm.yml

@@ -18,6 +18,15 @@ jobs:
     - run: yarn build:css
     - run: yarn build:js
     - run: yarn styleguidist build
-    - run: yarn publish
+    - name: Get version from package.json
+      id: get_version
+      run: echo "VERSION=$(node -p "require('./package.json').version")" >> $GITHUB_OUTPUT
+    - name: Publish to npm
+      run: |
+        if [[ "${{ steps.get_version.outputs.VERSION }}" == *"alpha"* ]]; then
+          yarn publish --tag alpha
+        else
+          yarn publish
+        fi
       env:
         NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }}

.gitignore

@@ -1,3 +1,4 @@
+.vscode/
 node_modules/
 .DS_Store
 *.log

.prettierrc

@@ -1,11 +1,8 @@
 {
-    "printWidth": 110,
-    "tabWidth": 2,
-    "useTabs": false,
-    "semi": true,
-    "singleQuote": true,
-    "trailingComma": "none",
-    "bracketSpacing": true,
-    "jsxBracketSameLine": false,
-    "fluid": false
-  }
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": true,
+  "printWidth": 100,
+  "parser": "babylon"
+}

package.json

@@ -1,13 +1,15 @@
 {
   "name": "silq-react-date-range",
-  "version": "2.4.0",
+  "version": "2.4.1-alpha.8",
   "description": "A React component for choosing dates and date ranges.",
   "main": "dist/index.js",
   "scripts": {
-    "start": "yarn build:css & styleguidist server",
+    "start": "yarn watch:css & yarn watch:js & styleguidist server",
     "build": "yarn build:css & yarn build:js & ls & styleguidist build",
+    "watch:css": "postcss 'src/styles.scss' -w -d dist --ext css & postcss 'src/theme/*.scss' -w -d 'dist/theme' --ext css",
     "build:css": "postcss 'src/styles.scss' -d dist --ext css & postcss 'src/theme/*.scss' -d 'dist/theme' --ext css",
     "build:js": "babel ./src --out-dir ./dist --ignore test.js",
+    "watch:js": "babel ./src --out-dir ./dist --ignore test.js --watch",
     "lint": "eslint 'src/**/*.js'",
     "test": "jest",
     "preversion": "yarn clear & yarn build"