Socket
Socket
Sign inDemoInstall

vue-ctk-date-time-picker

Package Overview
Dependencies
Maintainers
1
Versions
82
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-ctk-date-time-picker - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

2

package.json
{
"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 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc