vue-ctk-date-time-picker
Advanced tools
Comparing version 1.0.0 to 1.0.1
{ | ||
"name": "vue-ctk-date-time-picker", | ||
"description": "A vue component for select date & time (by Chronotruck)", | ||
"version": "1.0.0", | ||
"version": "1.0.1", | ||
"author": "Mazel <loic.mazuel@chronotruck.com>", | ||
@@ -6,0 +6,0 @@ "license": "MIT", |
# vue-ctk-time-picker | ||
> A vue component for select time (by Chronotruck) | ||
> A vue component for select date & time (by Chronotruck) | ||
## Demo | ||
An [example](https://htmlpreview.github.io/?https://github.com/chronotruck/vue-ctk-time-picker/blob/master/demo/dist/index.html) is available | ||
An [example](https://htmlpreview.github.io/?https://github.com/chronotruck/vue-ctk-date-time-picker/blob/master/demo/dist/index.html) is available | ||
@@ -11,10 +11,10 @@ ## Install | ||
``` bash | ||
npm install vue-ctk-time-picker --save | ||
npm install vue-ctk-date-time-picker --save | ||
``` | ||
#### In single component | ||
``` js | ||
import CtkTimePicker from 'vue-ctk-time-picker' | ||
import CtkDateTimePicker from 'vue-ctk-date-time-picker' | ||
var yourComponent = new Vue({ | ||
components: { CtkTimePicker }, | ||
components: { CtkDateTimePicker }, | ||
... | ||
@@ -26,8 +26,8 @@ }) | ||
... | ||
<ctk-time-picker | ||
v-model="value" // if you want init value : always this format 'HH:mm' | ||
<ctk-date-time-picker | ||
v-model="value" | ||
:label="'Choose a time'" | ||
:hint="'Text'" | ||
:error-hint="true" | ||
:minute-interval="10" | ||
:minute-interval="10" // (for time) | ||
color="#FF0000" /> | ||
@@ -40,18 +40,29 @@ ... | ||
| Props | Type | Required | Default | Options | | ||
|------------|------------|----------|------------|----------------| | ||
| v-model | String/Int | true | - | - | | ||
| label | String | false | Enter Text | - | | ||
| type | String | no | text | text or number | | ||
| hint* | text | no | - | | | ||
| error-hint** | Boolean | no | false | | | ||
| color*** | String (hex) | no | dodgerblue | | | ||
| minute-interval | Int | no | 1 | | | ||
| Props | Type | Required | Default | | ||
|------------|------------|----------|------------| | ||
| v-model | String/Int | true | - | | ||
| label | String | false | Enter Text | | ||
| hint* | text | no | - | | ||
| error-hint** | Boolean | no | false | | ||
| color*** | String (hex) | no | dodgerblue | | ||
| minute-interval | Int | no | 1 | - | | ||
| formatted | string | no | 1 | 'llll' (momentjs format) | | ||
| format | string | no | 1 | 'YYYY-MM-DDTHH:mm' | | ||
| time-format | string | no | 1 | 'H:mm a' | | ||
| locale | string | no | 1 | en | | ||
| disable-time | Boolean | no | 1 | false | | ||
| disable-date | Boolean | no | 1 | false | | ||
| without-header | Boolean | no | 1 | false | | ||
| id | string | no | 1 | CtkDateTimePicker | | ||
| min-date**** | string | no | 1 | null | | ||
| max-date**** | string | no | 1 | null | | ||
*hint : Is a text that replaces the label/placeholder | ||
**error-hint : When is `true` --> Input border & label are red | ||
**error-hint : When is `true` --> Input border & label are red | ||
***color: Replace color for the hint, the borders & time selected in dropdown | ||
***color: Replace color for the hint, the borders & time selected in dropdown | ||
****min-date & max-date : Must be 'YYYY-MM-DD' format | ||
## Contribution | ||
@@ -58,0 +69,0 @@ |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Shell access
Supply chain riskThis module accesses the system shell. Accessing the system shell increases the risk of executing arbitrary code.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 4 instances in 1 package
74
0
64409
14
89