Fluent Commerce Logo
Docs
Help & Feedback

New Date-Time Field and Expanded Functionality in List and Card Components

Release

Author:

Yulia Andreyanova

Changed on:

26 Sept 2025

Target release date:2025-10-06
Release status:Released

Description

This release enhances the UX framework with a new reusable date-time input field and introduces additional layout and interaction options for list and card components. The updates improve control over UI behavior by enabling more precise configuration of component alignment, spacing, and user interactions.

Changelog

Introduced `fc.field.datetime`:

  • Reusable date-time picker component with calendar selection and manual input support
  • Returns values in standardized ISO string format

Enhanced `fc.list`:

  • Added `cardActions` for custom top-level buttons to enable actions like triggering drawers
  • Added `actions` for row-specific controls
  • Enabled global `hideLabels` toggle in mobile view for compact attribute display

Improved `fc.card.attribute`:

  • Added `hideLabels` to suppress label display for cleaner layouts
  • Added `link` to make attribute values clickable and navigable

Screenshot

Displays a date and time picker with a dropdown calendar. The user clicks the dropdown icon to open a calendar widget, selects a new date, and adjusts the time. The chosen date and time are then updated in the input field.
Released capability depth:Enhancement, New capability
Release bundle / Capability type:Platform

Related content

List Component (fc.list)
Edited 11 days ago

Standard table card that takes array-like content and renders it as a table. While the Material UI table is available directly, the Mystique Table component adds several enhancements, including:

  • mapping, transforming, and translating values from the GraphQL API
  • pagination automatically hooked up to the page-level query
  • per-row and bulk user action support driven by the workflow
Attribute Card Component
Edited 11 days ago

The Attribute Card implements the basic card that maps GraphQL responses onto a two-column card with keys on the left and values on the right.

Date-Time Field Component
Edited 6 days ago

This reusable Date-Time Field Component offers an intuitive calendar-based UI for selecting a date. Below the calendar, clearly labeled input fields allow users to enter precise date and time values. Outputs are returned in ISO 8601 format to maintain consistency across systems.

Yulia Andreyanova

Yulia Andreyanova

Building Blocks
Building Blocks
Packages & Modules
UI Components
Workflows
Settings
Interface Contracts
Rules
By Type
All Types
Knowledge Tracks
Extend Knowledge
Glossary
How-to Guides
Sitemap
Topics
Use Cases
Helpful Resources
Platform Limits
Support Policy
Service Level Agreement (SLA) - Enterprise
Deprecation Policy
Extend Knowledge Content – Terms and Conditions
System and Organization Controls (SOC) 3 Report
Data Privacy Addendum
Security Policy
Quick Links
For Partners
Customer Resources
Webinars and Events
Certification
Training Resources
Knowledge Tracks
Builders Portal
Product Update Newsletter
Industry Blogs & Events Newsletter
Trust Center Portal

Copyright © 2024-2025 Fluent Retail Pty Ltd (trading as Fluent Commerce). Unless otherwise expressly stated in a current written agreement with Fluent Commerce or any of its affiliates or on any single page of the docs.fluentcommerce.com site, use of the materials on this site is strictly limited to viewing by individuals over 18 years old for legitimate commercially appropriate reasons; and any downloading, copying or other actions or uses of any kind or by any means of the materials on this site, including by artificial intelligence tools, is strictly prohibited. All other rights reserved.

Fluent Logo