SurfaceBulma.Form.DateTimeSelect (surface_bulma v0.6.1)
A datetime selector with configurable separators between the parts of the datetime.
Properties
label :string - The string label of the field
size :string, values: ~w(small normal medium large) - The color of the input.
expanded :boolean - Should input fill entire width of form?
is_horizontal :boolean, default: false - Whether or not the field is horizontal
help_text :string - Help text, will be replaced by error text if changeset gets errors
field_class :css_class, default: [] - Class to apply to the Field
icon_left :any, default: nil - Icon to place on the left side of input box. Must be a valid icon. Bulma does not currently support stacked / layered icons inside a form control.
id :string - The id prefix for underlying select fields
form :form, from_context: {Surface.Components.Form, :form} - The form identifier
field :any, from_context: {Surface.Components.Form.Field, :field} - The field name
name :string - The name prefix for underlying select fields
value :any - Value to pre-populate the select
default :any - Default value to use when none was given in 'value' and none is available in the form data
year :keyword - Options passed to the underlying 'year' select
month :keyword - Options passed to the underlying 'month' select
day :keyword - Options passed to the underlying 'day' select
hour :keyword - Options passed to the underlying 'day' select
minute :keyword - Options passed to the underlying 'day' select
second :keyword - Options passed to the underlying 'day' select
builder :fun - Specify how the select can be build. It must be a function that receives a builder that should be invoked with the select name and a set of options.
opts :keyword, default: [] - Options list
color :string, values: ~w(white black light dark primary link info success warning danger) - The color of the datetimeselect.
rounded :boolean - Will show rounded dropdown, ignored for multiple select
separators :keyword, default: [year: "/", month: "/", day: "/", hour: ":"] - Separators between the different selects
Slots
left_addon - Slot adds content to left side of input. Only inputs, buttons and dropdowns are supported. NOTE: If you supply addons, the label is disabled. You cannot combine labels and addons. If you require field labels with addons you must use horizontal forms. See
SurfaceBulma.Form.HorizontalControlGroup
.right_addon - Slot adds content to right side of input. Only inputs, buttons and dropdowns are supported. NOTE: If you supply addons, the label is disabled. You cannot combine labels and addons. If you require field labels with addons you must use horizontal forms. See
SurfaceBulma.Form.HorizontalControlGroup
.
Summary
Functions
Callback implementation for Surface.Component.render/1
.
Functions
render(assigns)
Callback implementation for Surface.Component.render/1
.