Import#
import { Value } from '@dnb/eufemia/extensions/forms'render(<Value.DateOfBirth />)
Description#
Value.DateOfBirth is a wrapper component for displaying string values, with user experience tailored for date of birth values.
There is a corresponding Field.DateOfBirth component.
import { Value } from '@dnb/eufemia/extensions/forms'render(<Value.DateOfBirth />)
Relevant links#
Demos#
Empty#
Fødselsdato
<Value.DateOfBirth showEmpty />
Placeholder#
FødselsdatoThe value was not filled in
<Value.DateOfBirth placeholder="The value was not filled in" />
Value#
Fødselsdato16. januar 2023
<Value.DateOfBirth value="2023-01-16" />
Label#
Label text
<Value.DateOfBirth label="Label text" showEmpty />
Label and value#
Label text16. januar 2023
<Value.DateOfBirth label="Label text" value="2023-01-16" />
Inline#
This is before the component 16. januar 2023 This is after the component
<P> This is before the component{' '} <Value.DateOfBirth value="2023-01-16" inline /> This is after the component </P>