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.3 to 1.0.4

assets/logo.png

5

package.json
{
"name": "vue-ctk-date-time-picker",
"description": "A vue component for select date & time (by Chronotruck)",
"version": "1.0.3",
"version": "1.0.4",
"author": "Mazel <loic.mazuel@chronotruck.com>",

@@ -17,4 +17,3 @@ "license": "MIT",

"moment": "^2.22.1",
"moment-range": "^4.0.1",
"vue-moment": "^4.0.0-0"
"moment-range": "^4.0.1"
},

@@ -21,0 +20,0 @@ "browserslist": [

50

README.md
# 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,30 @@ ...

| 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 | 'llll' (momentjs format) |
| format | string | no | 'YYYY-MM-DDTHH:mm' |
| time-format | string | no | 'H:mm a' |
| locale | string | no | en |
| disable-time | Boolean | no | false |
| disable-date | Boolean | no | false |
| without-header | Boolean | no | false |
| id | string | no | CtkDateTimePicker |
| min-date**** | string | no | - |
| max-date**** | string | no | - |
| without-button-action | Boolean | no | false |
*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 +70,0 @@

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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