0.2.1 • Published 8 years ago

react-datetime-calendar v0.2.1

Weekly downloads
13
License
ISC
Repository
github
Last release
8 years ago

######################## Author - "Deep Prakash" ########################

React DateTime Calendar

Multifunctional DateTimePicker

Install

npm install react-datetime-calendar --save

Usage

var DateTimePicker = require("react-datetime-calendar");

React.render(<DateTimePicker />, document.getElementById("myApp"));

Theme

1. Classic

Alt text

2. Window

Alt text

3. Cubito

Alt text

Options

  1. mode
  2. onUpdate
  3. background
  4. dateFormat
  5. timeFormat
  6. width
  7. theme

Descriptions

  1. mode - Select the mode of your calendar from - time/date/datetime.

    ```
    <DateTimePicker mode = "datetime"/>
    ```
  2. onUpdate - Get the value selected into a function

    ```
    <DateTimePicker onUpdate={this.getValue}/>
    ```
    
    ```
    getValue:function(value){
    	console.log(value);
    	
    	/*
    	* value is the select datetime value
    	*/
    }
    ```
  3. background - Set the background color of the calendar.

    ```
    <DateTimePicker background = "white"/>
    ```
  4. dateFormat - Allowed Values :- YYYY-MM-DD / DD-MM-YYYY / YYYY/MM/DD / DD/MM/YYYY / MONTH DATE YEAR / DATE MONTH YEAR / MONTH DATE DAY - YEAR

    ```
    <DateTimePicker dateFormat = "MONTH DATE DAY - YEAR"/>
    ```
  5. timeFormat - Allowed Values :- 12 / 24

    ```
    <DateTimePicker timeFormat = "12"/>
    ```
  6. width - Allow you to control the width of input box and calendar size. Allowed value :- Integer

    ```
    <DateTimePicker width='400' />
    ```
  7. theme - Allow you to choose from multiple themes. Allowed Values :- classic/window/cubito

    ```
    <DateTimePicker theme='window' />
    ```
0.2.1

8 years ago

0.2.0

8 years ago

0.1.9

8 years ago

0.1.8

8 years ago

0.1.7

8 years ago

0.1.6

8 years ago

0.1.5

8 years ago

0.1.4

8 years ago

0.1.3

8 years ago

0.1.2

8 years ago

0.1.1

8 years ago

0.1.0

8 years ago

0.0.9

8 years ago

0.0.8

8 years ago

0.0.7

8 years ago

0.0.6

8 years ago

0.0.4

8 years ago

0.0.3

8 years ago

0.0.2

8 years ago

0.0.1

8 years ago

0.0.0

8 years ago