attic-datepicker - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

package.json

 {
     "name": "attic-datepicker",
-    "version": "0.0.1",
+    "version": "0.0.2",
     "description": "Beautiful single and range date picker that is built with Tailwind CSS and Vue 3 using day.js",
@@ -5,0 +5,0 @@ "keywords": [

src/modules/calendar.ts

 import { computed, inject, reactive, toRefs, watch, ref, nextTick, unref } from 'vue'
-import { usePreviousDate, useCurrentDate, useNextDate } from "./fn"
+import { usePreviousDate, useCurrentDate } from "./fn"
 
-import dayjs from "dayjs";
-
 export const useCalendar = () => {
-    const datepicker = ref({
-        now: dayjs(),
-        next: dayjs().add(1, 'month'),
-        year: {
-            previous: dayjs().year(),
-            next: dayjs().year()
-        },
-        // weeks: dayjs.weekdaysShort(),
-        // months: dayjs.months()
-    })
-
-    // const weeks = computed(() => datepicker.value.weeks);
-    // const months = computed(() => datepicker.value.months);
-
     const calendar = computed(() => {
-        const { now, next, year } = unref(datepicker);
-
         return {
@@ -25,0 +7,0 @@ monthView: {

src/modules/fn.ts

@@ -18,19 +18,2 @@ export const usePreviousDate = (date: any) => {
     );
-};
-
-export const useNextDate = (date: any) => {
-    const display = [];
-    for (
-        let i = 1;
-        i <= 42 - (usePreviousDate(date).length + date.daysInMonth());
-        i++
-    ) {
-        display.push(
-            date
-                .date(i)
-                .month(date.month())
-                .add(1, 'month')
-        );
-    }
-    return display;
-};
+}

tailwind.config.js

@@ -6,29 +6,33 @@ const path = require('path');
 module.exports = {
-  mode: 'jit',
-  purge: [
-    // './docs/public/index.html',
-    // './docs/src/*.{vue,js,ts,jsx,tsx}',
-    path.resolve(__dirname, './node_modules/attic-datepicker/**/*.js')
-  ],
-  darkMode: 'class', // or 'media' or 'class'
-  theme: {
-    extend: {
-      colors: {
-      },
-      fontFamily: {
-        sans: ['Inter', ...fontFamily.sans]
-      },
-      opacity: {
-        85: '0.85'
-      }
-    }
-  },
-  variants: {
-    extend: {
-      cursor: ['disabled'],
-      textOpacity: ['disabled'],
-      textColor: ['disabled']
-    }
-  },
-  plugins: []
+    mode: 'jit',
+    purge: [
+// './docs/public/index.html',
+// './docs/src/*.{vue,js,ts,jsx,tsx}',
+        path.resolve(__dirname, './node_modules/attic-datepicker/**/*.js')
+    ],
+    darkMode: 'class', // or 'media' or 'class'
+    theme: {
+        extend: {
+            colors: {
+            },
+            fontFamily: {
+                sans: ['Inter', ...fontFamily.sans]
+            },
+            transitionProperty: {
+                width: 'width',
+                height: 'height',
+            },
+            opacity: {
+                85: '0.85'
+            }
+        }
+    },
+    variants: {
+        extend: {
+            cursor: ['disabled'],
+            textOpacity: ['disabled'],
+            textColor: ['disabled']
+        }
+    },
+    plugins: []
 };

No alert changes

Improved metrics

Total package byte prevSize

6554

4.11%

Worsened metrics

Lines of code

67

-27.96%

No dependency changes