bp-sdk-date-input

Custom element hooks

Name	Description
bp-sdk-external-date-input	disables html

Classes

Name	Description
bp-sdk-date__container	Root div element
bp-sdk-date__label	Label element
bp-sdk-date__input	input element

Properties

Property	Attribute	Description	Type	Default
answerId	answer-id	Answer id	string	undefined
answeredBySource	answered-by-source	Specifically how the question was answered (ie. "ACORD 126")	string	undefined
code	code	question code	string	undefined
errorText	error_text	Error text	string	undefined
errors	--	Error messages	string[]	[]
fieldType	field_type	Field type	string	undefined
helpText	help-text	Help text	string	undefined
isCompleted	is_completed	Is answer in complete state	boolean	false
isReadOnly	is-read-only	When true, the field will be readonly. It will display only the label and value as plain text.	boolean	false
isSensitive	is-sensitive	Is sensitive	boolean	false
label	label	Label to use	string	undefined
labelId	label-id	Label id to use	string	undefined
labelledBy	labelled-by	Labels that describe group	string	undefined
maxDate	max_date	maximum date value	string	undefined
minDate	min_date	minimum date value	string	undefined
pattern	pattern	Regex pattern to match	string	undefined
placeholder	placeholder	Placeholder to display	string	'Pick a date'
pristine	pristine	Is pristine	boolean	true
questionId	question_id	Question Id	string	undefined
required	required	Is required	boolean	undefined
text	text	Question text	string	undefined
touched	touched	Is touched	boolean	false
value	value	question value	string	undefined

Events

Event	Description	Type
valueUpdate	Value has updated	CustomEvent<string>

Dependencies

Used by

• bp-sdk-date-input-container

Depends on

• bp-sdk-errors-container

Graph

graph TD; bp-sdk-date-input --> bp-sdk-errors-container bp-sdk-errors-container --> bp-sdk-errors bp-sdk-date-input-container --> bp-sdk-date-input style bp-sdk-date-input fill:#f9f,stroke:#333,stroke-width:4px

---

Built with StencilJS