JSPM

react-native-calendar-bbcloud

1.0.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1
  • Score
    100M100P100Q17730F
  • License MIT

forked from christopherdro/react-native-calendar update apply to bbcloud for app flower

Package Exports

  • react-native-calendar-bbcloud

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-calendar-bbcloud) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-native-calendar

A <Calendar> component for React Native

Portrait mode only

Installation

npm install react-native-calendar-bbcloud --save

Usage

<Calendar
  scrollEnabled={true}              // False disables swiping. Default: True
  showControls={true}               // False hides prev/next buttons. Default: False
  titleFormat={'MMMM YYYY'}         // Format for displaying current month. Default: 'MMMM YYYY'
  dayHeadings={Array}               // Default: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
  monthNames={Array}                // Defaults to english names of months
  prevButtonText={'Prev'}           // Text for previous button. Default: 'Prev'
  nextButtonText={'Next'}           // Text for next button. Default: 'Next'
  onDateSelect={(date) => this.onDateSelect(date)} // Callback after date selection
  onTouchPrev={this.onTouchPrev}    // Callback for prev touch event
  onTouchNext={this.onTouchNext}    // Callback for next touch event
  onSwipePrev={this.onSwipePrev}    // Callback for back swipe event
  onSwipeNext={this.onSwipeNext}    // Callback for forward swipe event
  eventDates={['2015-07-01']}       // Optional array of moment() parseable dates that will show an event indicator
  today={'2016-16-05'}              // Defaults to today
  startDate={'2015-08-01'}          // The first month that will display. Default: current month
  selectedDate={'2015-08-15'}       // Day to be selected
  customStyle={{day: {fontSize: 15, textAlign: 'center'}}} // Customize any pre-defined styles
  weekStart={1} // Day on which week starts 0 - Sunday, 1 - Monday, 2 - Tuesday, etc, Default: 1
  list={['2016-8-15', '2016-8-16', '2016-8-17']} //添加指定日期样式,today,selectedDate会失效,因为兼容另一个同事的后台数据,日期格式为: YYYY-M-D
  showTitle={false} //是否显示头部,默认:True, showControls为true时可能失效
 />

Available custom styles

  • calendarContainer
  • monthContainer
  • calendarControls
  • controlButton
  • controlButtonText
  • title
  • calendarHeading
  • dayHeading
  • weekendHeading
  • weekRow
  • dayButton
  • dayButtonFiller
  • day
  • eventIndicatorFiller
  • eventIndicator
  • dayCircleFiller
  • currentDayCircle
  • currentDayText
  • selectedDayCircle
  • selectedDayText
  • weekendDayText
  • hasEventCircle
  • hasEventText

TODOS

  • Improve swipe feature
  • Landscape support
  • Language Support

DEMO

Demo gif