0.2.5-alpha-1 • Published 4 years ago

month-year-picker v0.2.5-alpha-1

Weekly downloads
9
License
MIT
Repository
github
Last release
4 years ago

MonthYearPicker

Allow to select month and year.

  • Install by executing npm install month-year-picker.
  • Import by adding import MonthPicker from 'month-year-picker'.
  • Use by adding <MonthPicker name="..." />.

Demo

Usage

Here's an example of basic usage:

import React, { Component } from 'react';
import MonthPicker from 'month-year-picker';

class MyApp extends Component {
  render() {
    return (
      <div>
        <MonthPicker
          name="MonthYear"
          allowedYears={{ "after": new Date().getFullYear() - 2 }}
        />
      </div>
    );
  }
}

User guide

Props

Prop nameDescriptionDefault valueExample values
classNameClass name that will be added to rendered element along with the default.n/aString:"custom-class-name-1"
IdId for Month Picker.n/aString:"MonthYear"
allowedYearsallowedYears for Month Picker.n/aobject:{ "after": new Date().getFullYear() - 2,"before": new Date().getFullYear() + 4}
ChangeYearFormatChange year format to YYYY.falseBoolean:true
hintTexthint text shown in picker."MM/YY"String:"MM/YY"
primaryColorBackground Color of Month Picker."#27718c"String:"#4776E6"
secondaryColorText Color of Month Picker."#898989"String:"#898989"
textFieldStyleText field Style for Month Picker.n/aArray:{color:"black"}
disabledFor disabling Month Picker.falseBoolean:true
0.2.5-alpha-1

4 years ago

0.2.5-alpha

4 years ago

0.2.6-alpha

4 years ago

0.3.0

4 years ago

0.2.9

4 years ago

0.2.8

4 years ago

0.2.7

4 years ago

0.2.6

4 years ago

0.2.5

4 years ago

0.2.4

4 years ago

0.2.3

4 years ago

0.2.2

4 years ago

0.2.1

4 years ago

0.2.0

4 years ago

0.1.9

4 years ago

0.1.8

4 years ago

0.1.7

4 years ago

0.1.6

4 years ago

0.1.5

4 years ago

0.1.4

4 years ago

0.1.3

4 years ago

0.1.2

4 years ago

0.1.1

4 years ago

0.1.0

4 years ago