@synerise/ds-completed-within NPM

id: completed-within

title: CompletedWithin

CompletedWithin UI Component

Installation

npm i @synerise/ds-completed-within
or
yarn add @synerise/ds-completed-within

Usage

import CompletedWithin from '@synerise/ds-completed-within'

<CompletedWithin
    value={store.state.value}
    onSetValue={handleSetValue}
/>

Demo

API

Property	Description	Type	Default
text	Custom labels and tooltips	CompletedWithinTexts	-
value	Selected value	PeriodValue	{ value: undefined, period: 'YEARS'}
maxValue	Max value	PeriodValuevalue	Number.MAX_SAFE_INTEGER
onSetValue	Function called when user has closed the settings with set value, and period	(value: PeriodValue) => void	-
periods	Custom list of periods	CustomPeriod[]	-
placeholder	Trigger button label	string	-
tooltip	Content of tooltip	string	-
readOnly	Whether value is editable	boolean	-

CompletedWithinTexts

Property	Description	Type	Default
header	Header of settings	`string` \ `React.ReactNode`	`Completed within`
completedLabel	Label of button with selected value	`string` \ `React.ReactNode`	`Completed within`
clear	Clear button tooltip	`string` \ `React.ReactNode`	`Clear`
periodPlaceholder	Placeholder of period select	`string` \ `React.ReactNode`	`Interval`

PeriodValue

Property	Description	Type	Default
value	Numerical value	`number` \ `undefined`	`undefined`
period	Period key, default options: `SECONDS`, `MINUTES`, `HOURS`, `DAYS`, `MONTHS`, `YEARS`	`string` \ `undefined`	`undefined`

CustomPeriod

Property	Description	Type	Default
value	Key of custom period	`string`	-
label	Label of custom period	`string`	-

@synerise/ds-button @synerise/ds-dropdown @synerise/ds-icon @synerise/ds-input @synerise/ds-input-number @synerise/ds-select @synerise/ds-tooltip @synerise/ds-utils

@infinitebrahmanuniverse/nolb-_syn @everything-registry/sub-chunk-889 @zalastax/nolb-_syn @synerise/design-system

4 months ago

4 months ago

4 months ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

1 month ago

1 month ago

1 month ago

1 month ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

6 months ago

6 months ago

7 months ago

8 months ago

7 months ago

7 months ago

8 months ago

8 months ago

8 months ago

8 months ago

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

1 year ago

1 year ago

1 year ago

1 year ago

11 months ago

12 months ago

1 year ago

1 year ago

12 months ago

12 months ago

11 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago