@ecl/twig-component-date-block

ECL Date block

npm package: @ecl/twig-component-date-block

npm install --save @ecl/twig-component-date-block

Parameters

• "day" (integer) (default: '') Day of the month
• "month" (string) (default: '') Abbreviated name of the month
• "year" (integer) (default: '') Year in four digits
• "month_full" (string) (default: '') Full month name
• "date_time" (mandatory) (date/time) (default: '') Machine-readable date/time
• "variant" (string) (default: '') (ongoing, past, canceled) Variant of the component
• "extra_classes" (optional) (string) (default: '') Extra classes (space separated)
• "extra_attributes" (optional) (array) (default: []) Extra attributes
  • "name" (string) Attribute name, eg. 'data-test'
  • "value" (string) Attribute value, eg: 'data-test-1'

Example:

{% include '@ecl/date-block/date-block.html.twig' with { 
  day: '26', 
  month: 'Dec', 
  year: '2018', 
  full_month: 'December', 
  date_time: '2018-12-26',
  variant: 'ongoing', 
  extra_classes: 'extra_class_1 extra_class-2', 
  extra_attributes: [ 
    { 
      name: 'extra_attribute_1', 
      value: 'extra_attribute_value_1' 
    }, 
    { 
      name: 'extra_attribute_2', 
      value: 'extra_attribute_value_2' 
    } 
  ], 
} %}