Installations

npm install react-jsx-highstock-datepickers

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

9.2.1

NPM Version

6.1.0 Pull Requests

Open

3

Total

135

Closed

22

Merged

110

Issues

Open

18

Total

258

Closed

240

Releases

40

v5.0.3

Updated on Dec 08, 2024

v5.0.2

Updated on Dec 04, 2024

v5.0.1

Updated on May 09, 2023

v5.0.0

Updated on May 20, 2022

v4.3.2

Updated on Mar 21, 2022

react-jsx-highmaps@2.3.0

Updated on Aug 16, 2021

View All 40 releases

Languages

2

JavaScript

HTML

JavaScript (99.67%)

HTML (0.33%)

Developer

whawker

Download Statistics

Total Downloads

0

Last Day

0

Last Week

0

Last Month

0

Last Year

0

GitHub Statistics

MIT License

422 Stars

1,066 Commits

91 Forks

15 Watchers

13 Branches

15 Contributors

Updated on Jun 20, 2025

Maintainers

1

View All 15 Contributors

Package Meta Information

Latest Version

3.0.2

Package Id

react-jsx-highstock-datepickers@3.0.2

Unpacked Size

300.85 kB

Size

51.48 kB

File Count

6

NPM Version

6.1.0

Node Version

9.2.1

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

0%

NaN

Compared to previous day

Last Week

0%

NaN

Compared to previous week

Last Month

0%

NaN

Compared to previous month

Last Year

0%

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

1

react-day-picker

Peer Dependencies

6

highcharts moment prop-types react react-dom react-jsx-highstock

Dev Dependencies

15

babel-cli babel-core babel-loader babel-plugin-transform-class-properties babel-plugin-transform-object-rest-spread babel-plugin-transform-react-remove-prop-types babel-plugin-transform-runtime babel-preset-env babel-preset-react cross-env css-loader mini-css-extract-plugin null-loader webpack webpack-cli

react-jsx-highstock-datepickers

React Day Pickers for React JSX Highstock as a drop in replacement for the default Highstock rangeSelector.input field.

Usage

1import DateRangePickers from 'react-jsx-highstock-datepickers';
2import 'react-jsx-highstock-datepickers/dist/index.css'; // Optional - default styles
3
4render () {
5  return (
6     <HighchartsStockChart>
7       // Omitted
8
9       <DateRangePickers axisId="xAxis" />
10
11     </HighchartsStockChart>
12  );
13}

Required props

`axisId`

In 99% of cases, this will be xAxis - the default ID for an X axis in React JSX Highstock. You only need to change this if you are using a custom ID for your X axis.

Optional Props

`dayFormat`

`string|array`

The date format to be displayed in the Date Picker input boxes

Defaults to DD MMM YYYY i.e. 07 Aug 2017
Change be any format supported by moment.js

`fromLabel`

`string`

The text displayed next to the "From" input box.

Defaults to Highcharts lang.rangeSelectorFrom

`toLabel`

`string`

The text displayed next to the "To" input box.

Defaults to Highcharts lang.rangeSelectorTo

`onChangeFromDate`

`function`

Allows you to add a custom callback when the From date is changed

Defaults to () => {} (nothing)

`onChangeToDate`

`function`

Allows you to add a custom callback when the To date is changed

Defaults to () => {} (nothing)

`datePickerProps`

`object`

Allows you to pass config through to React Day Picker

Localisation props

`locale`

`string|array`

The language code for the current locale

Defaults to en

`months`

`array`

The month names to use

Defaults to Highcharts lang.months

`weekdaysLong`

`array`

The long weekdays names to use

Defaults to Highcharts lang.weekdays

`weekdaysShort`

`array`

The short weekdays names to use

Defaults to Highcharts lang.shortWeekdays

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

4

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

2

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

1

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

Score

4

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More