publish to npm

Author: kenhyuwa

.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+css/

README.md

@@ -0,0 +1,112 @@
+# Vue Tailwind Picker
+>Datepicker for vue.js & tailwindcss, build with dayjs
+
+<p align="center">
+  <img width="700px" src="https://raw.githubusercontent.com/kenhyuwa/vue-tailwind-picker/master/vue-tailwind-picker.png?raw=true">
+</p>
+
+## Installation
+
+```bash
+$ npm install vue-tailwind-picker --save
+```
+
+## Usage
+
+```javascript
+import Vue from 'vue'
+import VueTailwindPicker from 'vue-tailwind-picker'
+
+Vue.use(VueTailwindPicker)
+```
+
+## Options/Props
+
+<table>
+  <thead>
+  <tr>
+    <th>Props</th>
+    <th>Type</th>
+    <th>Required</th>
+    <th>Default</th>
+  </tr>
+  </thead>
+  <tbody>
+  <tr>
+    <td>startDate</td>
+    <td>String</td>
+    <td>false</td>
+    <td>dayjs().format('YYYY-MM-DD')</td>
+  </tr>
+  <tr>
+    <td>endDate</td>
+    <td>String</td>
+    <td>false</td>
+    <td><i>undefined</i></td>
+  </tr>
+  <tr>
+    <td>formatDate</td>
+    <td>String</td>
+    <td>false</td>
+    <td>YYYY-MM-DD</td>
+  </tr>
+  <tr>
+    <td>formatDisplay</td>
+    <td>String</td>
+    <td>false</td>
+    <td>YYYY-MM-DD</td>
+  </tr>
+  <tr>
+    <td>tailwindPickerValue</td>
+    <td>String</td>
+    <td>false</td>
+    <td>null or ''</td>
+  </tr>
+  <tr>
+    <td>inline</td>
+    <td>Boolean</td>
+    <td>false</td>
+    <td>true</td>
+  </tr>
+  <tr>
+    <td>classicTheme</td>
+    <td>Boolean</td>
+    <td>false</td>
+    <td>true</td>
+  </tr>
+  </tbody>
+</table>
+
+### other props for matching with tailwindcss
+
+```javascript
+... // e.g
+className: {
+  type: Object,
+  required: false,
+  default: () => ({
+    shadow: 'shadow',
+    borderColor: 'border-gray-300',
+    textColor: 'text-gray-800',
+    pagination: {
+      backgroundColor: 'bg-teal-500',
+      hover: 'bg-teal-600',
+      textColor: 'text-gray-100',
+    },
+    monthAndYear: {
+      borderColor: 'border-teal-500',
+    },
+    calendar: {
+      selected: {
+        backgroundColor: 'bg-teal-500',
+        textColor: 'text-white',
+        borderColor: 'border-teal-600',
+      },
+    },
+  }),
+},
+```
+
+## License
+
+[MIT](http://opensource.org/licenses/MIT)

build/rollup.config.js

@@ -0,0 +1,35 @@
+import vue from 'rollup-plugin-vue' // Menangani SFC .vue
+import buble from 'rollup-plugin-buble' // Transpile / polyfill dengan dukungan peramban yang masuk akal
+import commonjs from 'rollup-plugin-commonjs'
+export default {
+  input: 'src/wrapper.js', // Jalur relatif to package.json
+  output: {
+    name: 'VueTailwindPicker',
+    exports: 'named',
+    extractCSS: false,
+    globals: {
+      dayjs: 'dayjs',
+      'dayjs/plugin/isToday': 'dayjs/plugin/isToday',
+      'dayjs/plugin/customParseFormat': 'dayjs/plugin/customParseFormat',
+      'dayjs/plugin/isBetween': 'dayjs/plugin/isBetween',
+      'dayjs/plugin/localizedFormat': 'dayjs/plugin/localizedFormat',
+      'dayjs/plugin/advancedFormat': 'dayjs/plugin/advancedFormat',
+    },
+  },
+  external: [
+    'dayjs',
+    'dayjs/plugin/isToday',
+    'dayjs/plugin/customParseFormat',
+    'dayjs/plugin/isBetween',
+    'dayjs/plugin/localizedFormat',
+    'dayjs/plugin/advancedFormat',
+  ],
+  plugins: [
+    commonjs(),
+    vue({
+      css: true, // Menyuntikkan css secara dinamis sebagai tag <style>
+      compileTemplate: true, // Konversi secara eksplisit templat ke render function
+    }),
+    buble(), // Transpile ke ES5
+  ],
+}