How to use react-calendar - 10 common examples
To help you get started, we’ve selected a few react-calendar examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
wojtekmaj / react-date-picker / build / shared / dates.js View on Github 
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getISOLocalDate = exports.getISOLocalMonth = exports.getMonth = exports.getEnd = exports.getBegin = exports.getDaysInMonth = exports.getDay = exports.getMonthIndex = exports.getYear = undefined;
var _dates = require('react-calendar/build/shared/dates');
exports.getYear = _dates.getYear;
exports.getMonthIndex = _dates.getMonthIndex;
exports.getDay = _dates.getDay;
exports.getDaysInMonth = _dates.getDaysInMonth;
exports.getBegin = _dates.getBegin;
exports.getEnd = _dates.getEnd;
/* Simple getters - getting a property of a given point in time */
var getMonth = exports.getMonth = function getMonth(date) {
return date.getMonth() + 1;
};
/* Complex getters - getting a property somehow related to a given point in time */
/**
* Returns local month in ISO-like format (YYYY-MM).
*/
var getISOLocalMonth = exports.getISOLocalMonth = function getISOLocalMonth(value) {'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getISOLocalDate = exports.getISOLocalMonth = exports.getMonth = exports.getEnd = exports.getBegin = exports.getDaysInMonth = exports.getDay = exports.getMonthIndex = exports.getYear = undefined;
var _dates = require('react-calendar/build/shared/dates');
exports.getYear = _dates.getYear;
exports.getMonthIndex = _dates.getMonthIndex;
exports.getDay = _dates.getDay;
exports.getDaysInMonth = _dates.getDaysInMonth;
exports.getBegin = _dates.getBegin;
exports.getEnd = _dates.getEnd;
/* Simple getters - getting a property of a given point in time */
var getMonth = exports.getMonth = function getMonth(date) {
return date.getMonth() + 1;
};
/* Complex getters - getting a property somehow related to a given point in time */
/**
* Returns local month in ISO-like format (YYYY-MM).'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getISOLocalDate = exports.getISOLocalMonth = exports.getMonth = exports.getEnd = exports.getBegin = exports.getDaysInMonth = exports.getDay = exports.getMonthIndex = exports.getYear = undefined;
var _dates = require('react-calendar/build/shared/dates');
exports.getYear = _dates.getYear;
exports.getMonthIndex = _dates.getMonthIndex;
exports.getDay = _dates.getDay;
exports.getDaysInMonth = _dates.getDaysInMonth;
exports.getBegin = _dates.getBegin;
exports.getEnd = _dates.getEnd;
/* Simple getters - getting a property of a given point in time */
var getMonth = exports.getMonth = function getMonth(date) {
return date.getMonth() + 1;
};
/* Complex getters - getting a property somehow related to a given point in time */
/**
* Returns local month in ISO-like format (YYYY-MM).
*/
var getISOLocalMonth = exports.getISOLocalMonth = function getISOLocalMonth(value) {
if (!value) {
return value;'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getISOLocalDate = exports.getISOLocalMonth = exports.getMonth = exports.getEnd = exports.getBegin = exports.getDaysInMonth = exports.getDay = exports.getMonthIndex = exports.getYear = undefined;
var _dates = require('react-calendar/build/shared/dates');
exports.getYear = _dates.getYear;
exports.getMonthIndex = _dates.getMonthIndex;
exports.getDay = _dates.getDay;
exports.getDaysInMonth = _dates.getDaysInMonth;
exports.getBegin = _dates.getBegin;
exports.getEnd = _dates.getEnd;
/* Simple getters - getting a property of a given point in time */
var getMonth = exports.getMonth = function getMonth(date) {
return date.getMonth() + 1;
};
/* Complex getters - getting a property somehow related to a given point in time */
/**
* Returns local month in ISO-like format (YYYY-MM).
*/
var getISOLocalMonth = exports.getISOLocalMonth = function getISOLocalMonth(value) {
if (!value) {'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getISOLocalDate = exports.getISOLocalMonth = exports.getMonth = exports.getEnd = exports.getBegin = exports.getDaysInMonth = exports.getDay = exports.getMonthIndex = exports.getYear = undefined;
var _dates = require('react-calendar/build/shared/dates');
exports.getYear = _dates.getYear;
exports.getMonthIndex = _dates.getMonthIndex;
exports.getDay = _dates.getDay;
exports.getDaysInMonth = _dates.getDaysInMonth;
exports.getBegin = _dates.getBegin;
exports.getEnd = _dates.getEnd;
/* Simple getters - getting a property of a given point in time */
var getMonth = exports.getMonth = function getMonth(date) {
return date.getMonth() + 1;
};
/* Complex getters - getting a property somehow related to a given point in time */
/**
* Returns local month in ISO-like format (YYYY-MM).
*/
var getISOLocalMonth = exports.getISOLocalMonth = function getISOLocalMonth(value) {
if (!value) {
return value;
}'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getISOLocalDate = exports.getISOLocalMonth = exports.getMonth = exports.getEnd = exports.getBegin = exports.getDaysInMonth = exports.getDay = exports.getMonthIndex = exports.getYear = undefined;
var _dates = require('react-calendar/build/shared/dates');
exports.getYear = _dates.getYear;
exports.getMonthIndex = _dates.getMonthIndex;
exports.getDay = _dates.getDay;
exports.getDaysInMonth = _dates.getDaysInMonth;
exports.getBegin = _dates.getBegin;
exports.getEnd = _dates.getEnd;
/* Simple getters - getting a property of a given point in time */
var getMonth = exports.getMonth = function getMonth(date) {
return date.getMonth() + 1;
};
/* Complex getters - getting a property somehow related to a given point in time */
/**
* Returns local month in ISO-like format (YYYY-MM).
*/var getISOLocalDate = exports.getISOLocalDate = function getISOLocalDate(value) {
if (!value) {
return value;
}
if (!(value instanceof Date)) {
throw new Error('Invalid date: ' + value);
}
var year = (0, _dates.getYear)(value);
var month = ('0' + getMonth(value)).slice(-2);
var day = ('0' + (0, _dates.getDay)(value)).slice(-2);
return year + '-' + month + '-' + day;
};var getISOLocalDate = exports.getISOLocalDate = function getISOLocalDate(value) {
if (!value) {
return value;
}
if (!(value instanceof Date)) {
throw new Error('Invalid date: ' + value);
}
var year = (0, _dates.getYear)(value);
var month = ('0' + getMonth(value)).slice(-2);
var day = ('0' + (0, _dates.getDay)(value)).slice(-2);
return year + '-' + month + '-' + day;
};'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.setLocale = exports.getLocale = undefined;
var _locales = require('react-calendar/build/shared/locales');
exports.getLocale = _locales.getLocale;
exports.setLocale = _locales.setLocale;'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.setLocale = exports.getLocale = undefined;
var _locales = require('react-calendar/build/shared/locales');
exports.getLocale = _locales.getLocale;
exports.setLocale = _locales.setLocale;react-calendar
Ultimate calendar for your React app.
Package Health Score
87 / 100Popular react-calendar functions
- react-calendar/build/shared/dates.getBegin
- react-calendar/build/shared/dates.getDay
- react-calendar/build/shared/dates.getDaysInMonth
- react-calendar/build/shared/dates.getEnd
- react-calendar/build/shared/dates.getMonthIndex
- react-calendar/build/shared/dates.getYear
- react-calendar/build/shared/locales.getLocale
- react-calendar/build/shared/locales.setLocale
- react-calendar/build/shared/propTypes.isCalendarType
- react-calendar/build/shared/propTypes.isMaxDate
- react-calendar/build/shared/propTypes.isMinDate
- react-calendar/build/shared/propTypes.isValue
- react-calendar/dist/entry.nostyle.propTypes