Gathering detailed insights and metrics for @synerise/ds-date-range-picker
Gathering detailed insights and metrics for @synerise/ds-date-range-picker
A UI Design Language and React UI library powered by Synerise team https://design.synerise.com
Installations
npm install @synerise/ds-date-range-pickerDeveloper Guide
BETA
Typescript
Yes
Module System
CommonJS
Node Version
22.17.0
NPM Version
lerna/3.20.2/node@v22.17.0+x64 (linux)
Score
55.9
Supply Chain
61
Quality
94.1
Maintenance
100
Vulnerability
90.2
License
Releases
Unable to fetch releases
Languages
7
TypeScript
SCSS
HTML
JavaScript
Less
CSS
Dockerfile
TypeScript (84.79%)
SCSS (6.82%)
HTML (3.65%)
JavaScript (2.33%)
Less (2.27%)
CSS (0.11%)
Dockerfile (0.02%)
Developer
Synerise
Download Statistics
Total Downloads
85,764
Last Day
8
Last Week
110
Last Month
748
Last Year
15,800
GitHub Statistics
MIT License
93 Stars
8,294 Commits
18 Forks
22 Watchers
21 Branches
19 Contributors
Updated on Apr 11, 2025
Bundle Size
301.51 kB
Minified
32.94 kB
Minified + Gzipped
Maintainers
1
Package Meta Information
Latest Version
1.3.11
Package Id
@synerise/ds-date-range-picker@1.3.11
Unpacked Size
516.63 kB
Size
108.36 kB
File Count
264
NPM Version
lerna/3.20.2/node@v22.17.0+x64 (linux)
Node Version
22.17.0
Published on
Jul 04, 2025
Total Downloads
Cumulative downloads
Total Downloads
85,764
Last Day
-77.8%
8
Compared to previous day
Last Week
-10.6%
110
Compared to previous week
Last Month
-73.8%
748
Compared to previous month
Last Year
-42.7%
15,800
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
28
@date-fns/upgrade@synerise/ds-badge@synerise/ds-button@synerise/ds-button-group@synerise/ds-data-format@synerise/ds-date-picker@synerise/ds-dropdown@synerise/ds-form-field@synerise/ds-icon@synerise/ds-inline-edit@synerise/ds-input@synerise/ds-input-number@synerise/ds-list-item@synerise/ds-manageable-list@synerise/ds-scrollbar@synerise/ds-select@synerise/ds-slider@synerise/ds-tag@synerise/ds-time-picker@synerise/ds-tooltip@synerise/ds-utilsdate-fnsdate-fns-tzdayjslodashramdareact-day-pickeruuid
Peer Dependencies
5
id: date-range-picker title: DateRangePicker
DateRangePicker UI Component
Installation
npm i @synerise/ds-date-range-picker
or
yarn add @synerise/ds-date-range-picker
Usage
import DateRangePicker from '@synerise/ds-date-range-picker'
const value = {
type: 'ABSOLUTE',
from: '2018-10-09T00:00:00+02:00',
to: '2018-12-08T23:59:59+01:00',
};
<DateRangePicker
showTime
onApply={console.log}
showFilter={false}
showRelativePicker
value={value}
forceAbsolute={false}
/>
Demo
API
| Property | Description | Type | Default |
|---|---|---|---|
| disabledDate | Function to specify if particular dates are disabled or not | (date:Date)=>boolean | - |
| disabledDefaultTexts | Disables the default texts translations provided by react-intl | boolean | false |
| forceAbsolute | Force the outcome to be converted to an absolute date | boolean | false |
| format | Format of the value displayed in the footer | string | "MMM D, YYYY" |
| onApply | Callback executed after applying changes | (date:Date)=>void | - |
| ranges | An array containing custom ranges which may be used as a short-hand | DateRange[] | [] |
| popoverProps | Object representing props applied to the Antd Popover component | AntdPopoverProps | {} |
| rangeUnits | Units available in relative range picker | RelativeUnits[] | ['SECONDS','MINUTES','HOURS','DAYS','WEEKS','MONTHS','YEARS'] |
| readOnly | Makes picker readonly | boolean | false |
| disabled | Makes picker disabled | boolean | false |
| relativePast | Enable relative filter for past ranges | boolean | false |
| relativeFuture | Enable relative filter for future ranges | boolean | false |
| showTime | Enable user to choose particular hour | boolean | false |
| showNowButton | Include "now" button to select current time (last minue) | boolean | true |
| showFilter | Enable range filtering | boolean | false |
| showCustomRange | Enable custom range form in relative range picker | boolean | true |
| validate | Function to specify if particular date ranges are correct | (date:Date)=>boolean | - |
| value | Value of the picker | DateRange | |
| defaultValue | Default value of the picker (when value is undefined and when user clears input) | DateRange | |
| startAlwaysOnTheLeft | Enable not to move month from left side to right side | boolean | false |
| onVisibleChange | Callback executed when popover with dateRangePicker changes its visibility | (visible: boolean) => void | - |
| filterValueSelectionModes | Allowed modes to display in filter | DateLimitMode[] | ["Range", "Hour"] |
| getPopupContainer | Function used to set the container of the date range picker. | Function(triggerNode) | () => document.body |
| texts | custom translations | Texts | undefined |
| disableDefaultTexts | disable DS translations fallback | boolean | false |
DateRange
| Property | Description | Type | Default |
|---|---|---|---|
| from | Start date | Date / string | - |
| to | End date | Date / string | - |
| type | String key for identifying the range type | 'ABSOLUTE' / 'RELATIVE' / 'SINCE' | - |
| duration | Duration of the relative range | {type: RelativeUnit, duration:number} | - |
| offset | Offset of the relative range from today's date | {type: RelativeUnit, duration:number} | - |
RelativeUnit = 'SECONDS' | 'MINUTES' | 'HOURS' | 'DAYS' | 'WEEKS' | 'MONTHS' | 'YEARS'
Texts
textsprop is now optional- all keys in
textsis now also optional - if
textsisundefinedor if a key intextsisundefineddefault DS translations will appear in the component disableDefaultTextsdisables the above fallback, i.e. if any key is missing intextsthen an empty string is used as a translation (this prop is provided for testing custom translation completeness)
| translation key | Type | Default |
|---|---|---|
| endDatePlaceholder | string | -------- |
| startDatePlaceholder | string | -------- |
| selectDate | string | -------- |
| selectTime | string | -------- |
| filterName | string | -------- |
| custom | ReactNode | -------- |
| today | ReactNode | -------- |
| yesterday | ReactNode | -------- |
| apply | ReactNode | -------- |
| clear | ReactNode | -------- |
| now | ReactNode | -------- |
| emptyDateError | ReactNode | -------- |
| last7Days | ReactNode | -------- |
| thisWeek | ReactNode | -------- |
| lastWeek | ReactNode | -------- |
| thisMonth | ReactNode | -------- |
| lastMonth | ReactNode | -------- |
| last3Months | ReactNode | -------- |
| last6Months | ReactNode | -------- |
| lastYear | ReactNode | -------- |
| allTime | ReactNode | -------- |
| tomorrow | ReactNode | -------- |
| next7Days | ReactNode | -------- |
| nextWeek | ReactNode | -------- |
| nextMonth | ReactNode | -------- |
| next3Months | ReactNode | -------- |
| next6Months | ReactNode | -------- |
| nextYear | ReactNode | -------- |
| more | ReactNode | -------- |
| relativeDateRange | ReactNode | -------- |
| last | ReactNode | -------- |
| before | ReactNode | -------- |
| after | ReactNode | -------- |
| since | ReactNode | -------- |
| next | ReactNode | -------- |
| seconds | ReactNode | -------- |
| minutes | ReactNode | -------- |
| hours | ReactNode | -------- |
| days | ReactNode | -------- |
| weeks | ReactNode | -------- |
| months | ReactNode | -------- |
| years | ReactNode | -------- |
| timestampLast | ReactNode | -------- |
| timestampNext | ReactNode | -------- |
| timestampTill | ReactNode | -------- |
| filter | ReactNode | -------- |
| startDate | ReactNode | -------- |
| endDate | ReactNode | -------- |
| remove | ReactNode | -------- |
| savedFiltersTrigger | ReactNode | -------- |
| clearRange | ReactNode | -------- |
| copyRange | ReactNode | -------- |
| pasteRange | ReactNode | -------- |
| range | ReactNode | -------- |
| hour | ReactNode | -------- |
| filterEnabled | ReactNode | -------- |
| selectDateFilter | ReactNode | -------- |
| datesFilter | ReactNode | -------- |
| cancel | ReactNode | -------- |
| everyDay | ReactNode | -------- |
| nthDayOfMonth | ReactNode | -------- |
| daysOf | ReactNode | -------- |
| countedFrom | ReactNode | -------- |
| addRule | ReactNode | -------- |
| addTime | ReactNode | -------- |
| change | ReactNode | -------- |
| weekly | ReactNode | -------- |
| monthly | ReactNode | -------- |
| daily | ReactNode | -------- |
| saveFilter | ReactNode | -------- |
| selected | ReactNode | -------- |
| selectDaysDescription | ReactNode | -------- |
| selectAll | ReactNode | -------- |
| unselectAll | ReactNode | -------- |
| inverseSelection | ReactNode | -------- |
| setTimeFor | ReactNode | -------- |
| week | ReactNode | -------- |
| month | ReactNode | -------- |
| beginning | ReactNode | -------- |
| ending | ReactNode | -------- |
| maximumRanges | ReactNode | -------- |
Undocumented props
- min in
MonthlyFilter- controls minimal amount of entires in monthly filter, disable withundefined, default is1
No vulnerabilities found.
Reason
license file detected
Details
- Info: project has a license file: LICENSE.md:0
- Info: FSF or OSI recognized license: MIT License: LICENSE.md:0
Reason
no binaries found in the repo
Reason
Found 0/30 approved changesets -- score normalized to 0
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
no SAST tool detected
Details
- Warn: no pull requests merged into dev branch
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
- Warn: containerImage not pinned by hash: Dockerfile:1
- Warn: containerImage not pinned by hash: packages/docs-site/Dockerfile:1
- Info: 0 out of 2 containerImage dependencies pinned
Reason
161 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
- Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
- Warn: Project is vulnerable to: GHSA-h5c3-5r3r-rr8q
- Warn: Project is vulnerable to: GHSA-rmvr-2pp2-xj38
- Warn: Project is vulnerable to: GHSA-xx4v-prfh-6cgc
- Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw
- Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9
- Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
- Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25
- Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
- Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
- Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw
- Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5
- Warn: Project is vulnerable to: GHSA-wxhq-pm8v-cw75
- Warn: Project is vulnerable to: GHSA-257v-vj4p-3w2h
- Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
- Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
- Warn: Project is vulnerable to: GHSA-3wcq-x3mq-6r9p
- Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm
- Warn: Project is vulnerable to: GHSA-phwq-j96m-2c2q
- Warn: Project is vulnerable to: GHSA-ghr5-ch3p-vcr6
- Warn: Project is vulnerable to: GHSA-vh7m-p724-62c2
- Warn: Project is vulnerable to: GHSA-r9p9-mrjm-926w
- Warn: Project is vulnerable to: GHSA-434g-2637-qmqr
- Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m
- Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw
- Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p
- Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747
- Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh
- Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h
- Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7
- Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
- Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
- Warn: Project is vulnerable to: GHSA-2j2x-2gpw-g8fm
- Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q
- Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c
- Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc
- Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
- Warn: Project is vulnerable to: GHSA-ww39-953v-wcq6
- Warn: Project is vulnerable to: GHSA-765h-qjxv-5f44
- Warn: Project is vulnerable to: GHSA-f2jv-r9rf-7988
- Warn: Project is vulnerable to: GHSA-vfrc-7r7c-w9mx
- Warn: Project is vulnerable to: GHSA-7wwv-vh3v-89cq
- Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj
- Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j
- Warn: Project is vulnerable to: GHSA-6x33-pw7p-hmpq
- Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27
- Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37
- Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22
- Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
- Warn: Project is vulnerable to: GHSA-7r28-3m3f-r2pr
- Warn: Project is vulnerable to: GHSA-r8j5-h5cx-65gg
- Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
- Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
- Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
- Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488
- Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g
- Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
- Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
- Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
- Warn: Project is vulnerable to: GHSA-ccrp-c664-8p4j
- Warn: Project is vulnerable to: GHSA-4wx3-54gh-9fr9
- Warn: Project is vulnerable to: GHSA-xf5p-87ch-gxw2
- Warn: Project is vulnerable to: GHSA-5v2h-r2cx-5xgj
- Warn: Project is vulnerable to: GHSA-rrrm-qjm4-v8hf
- Warn: Project is vulnerable to: GHSA-r6rj-9ch6-g264
- Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
- Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
- Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m
- Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
- Warn: Project is vulnerable to: GHSA-8hfj-j24r-96c4
- Warn: Project is vulnerable to: GHSA-wc69-rhjr-hc9g
- Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
- Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g
- Warn: Project is vulnerable to: GHSA-w7rc-rwvf-8q5r
- Warn: Project is vulnerable to: GHSA-92xj-mqp7-vmcj
- Warn: Project is vulnerable to: GHSA-wxgw-qj99-44c2
- Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5
- Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp
- Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq
- Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr
- Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765
- Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g
- Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p
- Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr
- Warn: Project is vulnerable to: GHSA-cwx2-736x-mf6w
- Warn: Project is vulnerable to: GHSA-v39p-96qg-c8rf
- Warn: Project is vulnerable to: GHSA-8v63-cqqc-6r2c
- Warn: Project is vulnerable to: GHSA-3j8f-xvm3-ffx4
- Warn: Project is vulnerable to: GHSA-4p35-cfcx-8653
- Warn: Project is vulnerable to: GHSA-7f3x-x4pr-wqhj
- Warn: Project is vulnerable to: GHSA-jpp7-7chh-cf67
- Warn: Project is vulnerable to: GHSA-q6wq-5p59-983w
- Warn: Project is vulnerable to: GHSA-j9fq-vwqv-2fm2
- Warn: Project is vulnerable to: GHSA-pqw5-jmp5-px4v
- Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
- Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
- Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w
- Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6
- Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59
- Warn: Project is vulnerable to: GHSA-566m-qj78-rww5
- Warn: Project is vulnerable to: GHSA-hwj9-h5mp-3pm3
- Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
- Warn: Project is vulnerable to: GHSA-wvhm-4hhf-97x9
- Warn: Project is vulnerable to: GHSA-h4hr-7fg3-h35w
- Warn: Project is vulnerable to: GHSA-gj77-59wh-66hg
- Warn: Project is vulnerable to: GHSA-hqhp-5p83-hx96
- Warn: Project is vulnerable to: GHSA-3949-f494-cm99
- Warn: Project is vulnerable to: GHSA-x7hr-w5r2-h6wg
- Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
- Warn: Project is vulnerable to: GHSA-5q6m-3h65-w53x
- Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-44c6-4v22-4mhx
- Warn: Project is vulnerable to: GHSA-4x5v-gmq8-25ch
- Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
- Warn: Project is vulnerable to: GHSA-hxcc-f52p-wc94
- Warn: Project is vulnerable to: GHSA-76p7-773f-r4q5
- Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
- Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7
- Warn: Project is vulnerable to: GHSA-4rq4-32rv-6wp6
- Warn: Project is vulnerable to: GHSA-64g7-mvw6-v9qj
- Warn: Project is vulnerable to: GHSA-c9g6-9335-x697
- Warn: Project is vulnerable to: GHSA-vx3p-948g-6vhq
- Warn: Project is vulnerable to: GHSA-w5hq-hm5m-4548
- Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9
- Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw
- Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc
- Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh
- Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p
- Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
- Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc
- Warn: Project is vulnerable to: GHSA-29xr-v42j-r956
- Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v
- Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
- Warn: Project is vulnerable to: GHSA-w5p7-h5w8-2hfq
- Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v
- Warn: Project is vulnerable to: GHSA-38fc-wpqx-33j7
- Warn: Project is vulnerable to: GHSA-662x-fhqg-9p8v
- Warn: Project is vulnerable to: GHSA-394c-5j6w-4xmx
- Warn: Project is vulnerable to: GHSA-78cj-fxph-m83p
- Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3
- Warn: Project is vulnerable to: GHSA-9m6j-fcg5-2442
- Warn: Project is vulnerable to: GHSA-hh27-ffr2-f2jc
- Warn: Project is vulnerable to: GHSA-rqff-837h-mm52
- Warn: Project is vulnerable to: GHSA-8v38-pw62-9cw2
- Warn: Project is vulnerable to: GHSA-hgjh-723h-mx2j
- Warn: Project is vulnerable to: GHSA-jf5r-8hm2-f872
- Warn: Project is vulnerable to: GHSA-4vvj-4cpr-p986
- Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6
- Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v
- Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h
- Warn: Project is vulnerable to: GHSA-g78m-2chm-r7qv
- Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7
- Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693
- Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
- Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh
- Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp
Score
1.8
/10
Last Scanned on 2025-06-30
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