@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

7 months ago

7 months ago

7 months ago

5 months ago

5 months ago

6 months ago

6 months ago

6 months ago

7 months ago

7 months ago

5 months ago

5 months ago

4 months ago

4 months ago

8 months ago

8 months ago

8 months ago

8 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

9 months ago

11 months ago

11 months ago

10 months ago

10 months ago

12 months ago

12 months ago

11 months ago

11 months ago

12 months ago

12 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

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

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

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

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

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

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

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