Vue.js News

Handle Dates Accurately in Grid Cells

September 9, 2025
JavaScript grids with date/time cell types offer structured input, formatting, and validation for cleaner, more reliable temporal data handling.

A date/time cell type in a JavaScript Grid control lets developers manage temporal data more effectively by treating input as actual JavaScript Date objects rather than plain text. This enables built-in features like calendar popups, time pickers, and structured output formats such as "09/09/2025" or "Sep 9 2025", making it easier for users to interact with the data accurately. It's especially useful in applications that rely on scheduling, activity logs, or time-driven reports. Most modern grid libraries also support localization, formatting, and input validation to ensure the cell behavior fits seamlessly with the application's design and data standards.

Several JavaScript Grid controls offer support for Date/Time cell types including:

  • Wijmo FlexGrid (part of Wijmo by MESCIUS) lets you apply rich date/time formatting in cells, supporting custom formats, calendar integration, and internationalized date display.
  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) lets you format date/time cells with predefined patterns, including localized formats.
  • KendoReact Data Grid (part of KendoReact by Telerik) facilitates precise date/time formatting with full control over display masks, culture settings, and dynamic date parsing.
  • Handsontable by Handsoncode allows you to format date/time values directly in cells using configurable display patterns and built-in support for ISO date formats.
  • Ignite UI Angular Grid (part of Infragistics Ignite UI) allows you to define custom date/time formats in cells, handling both short and long styles with locale sensitivity.

For an in-depth analysis of features and price, visit our comparison of JavaScript Grid controls.

Compare JavaScript Grid Controls

Bring Speech Input to Your Web App

September 9, 2025
Kendo UI 2025 Q3 introduces a speech-to-text button for Angular, React, Vue and jQuery, facilitating voice dictation across your application's UI.

Kendo UI is a comprehensive suite of four JavaScript UI libraries for Angular, React, Vue and jQuery that enables developers to build responsive web applications for desktop, tablet, and mobile platforms with minimal effort. It provides a wide range of customizable components such as data grids, charts, schedulers, and form controls that streamline development and can significantly reduce time to market. With built-in support for theming, accessibility, localization, and state management, Kendo UI is ideal for creating data-driven dashboards, CRM systems, e-commerce portals, and administrative interfaces while maintaining high performance and a consistent user experience.

The Kendo UI 2025 Q3 update adds a speech to text button component to its Angular, React, Vue and jQuery libraries. These ready to use components facilitate voice‑driven text input directly within the application, converting speech into text so, with just a single click, users can speak instead of typing. It uses the browser's native Web Speech API and supports over 100 languages with automatic locale detection. Developers also benefit from full control over visual styling, including icons, colors, sizes, fill modes, rounded corners, and CSS, and integration hooks through built‑in states and events, making it straightforward to provide rich voice‑enabled experiences or connect to external AI services.

To see a full list of what's new in 2025 Q3, see our release notes.

KendoReact and Kendo UI are both licensed per developer and share two licensing models: an annual Subscription License and a Perpetual License. The Subscription license provides access to the latest product updates, technical support, and exclusive benefits for a flat annual fee, and must be renewed to continue using the software. The Perpetual license is a one-time purchase granting access to the current released version and includes a one-year subscription for product updates and technical support. After this initial period, users can choose to renew the subscription element to continue receiving updates and support; otherwise, they may continue using the installed version available during their active subscription term but will forgo future updates and support. See our Kendo UI licensing page for full details.

The React library is available individually as KendoReact, while all four Kendo UI libraries are available in the following products:

Ensure Reliable Date Input with Calendar Controls

September 2, 2025
JavaScript calendar controls provide a reliable and intuitive solution for managing date selection in web-based applications.

JavaScript calendar controls are user interface components that allow users to select and edit date values directly within data editing environments, such as forms or grids. These controls typically integrate a visual calendar picker, enabling consistent and accurate date input while reducing manual entry errors. For developers, they simplify validation, support localization, and integrate with various data sources, helping ensure a more efficient and user-friendly experience in web applications that require date-related input or filtering.

Several JavaScript data editor collections offer calendar controls including:

  • DevExtreme Complete Data Editors (part of DevExteme Complete by DevExpress) lets you embed a calendar editor that maintains date-entry consistency in browser‑based apps.
  • KendoReact Data Editors (part of KendoReact by Telerik) allows integration of a responsive calendar for intuitive date selection, supporting customization and keyboard navigation.
  • Wijmo Input and Editors (part of Wijmo by MESCIUS) facilitates calendar‑based date editing within JavaScript UI inputs, ensuring accurate date selection across modern frameworks.
  • Infragistics Ignite UI for React Data Editors (part of Infragistics Ignite UI) facilitates the use of a built‑in calendar editor, enabling developers to deliver precise date input.

For an in-depth analysis of features and price, visit our comparison of JavaScript Data Editors.

Compare JavaScript Data Editors

Gain More Control Over Chart Legends

August 26, 2025
LightningChart JS v8.0 introduces a fully revamped legend system with smarter defaults, flexible positioning, and enhanced customization.

LightningChart JS is a high-performance JavaScript charting library that utilizes WebGL rendering and GPU acceleration to deliver exceptional performance for a wide range of data visualization needs. It is designed to handle large datasets and complex visualizations with ease, enabling developers to create interactive and visually appealing 2D and 3D charts. Ideal for applications demanding smooth real-time data updates, such as financial platforms, engineering tools, scientific research dashboards, and industrial monitoring systems, LightningChart JS provides a comprehensive API for customization and integration into web-based projects.

The LightningChart JS v8.0 update completely reworks legend functionality, making legends a property of the chart, removing visual obstructions, and improving adaptability to available space. The API configuration is now more intuitive and capable, with built-in options supporting a wider range of use cases. Plug‑in support also enables easy extension or customization of legend behavior. By default, legends now appear automatically beneath trends, reducing developer setup time, while still allowing you to manually create multiple legends when needed. You can position legends using built-in presets or define custom placements, and control click behavior using either the provided handlers or your own. When creating series, you can also exclude specific ones from appearing in legends, giving you fine-grained control over legend content.

To see a full list of what's new in v8.0, see our release notes.

LightningChart JS is licensed per developer and is available as an annual license with 1 year support. See our LightningChart JS licensing page for full details.

For more information, see our LightningChart JS product page.

Design Reports in Vue.js with RTL Support

August 22, 2025
Using report controls that support right to left layouts, Vue.js developers can equip their reporting applications to handle RTL languages with ease.

RTL support (Right-to-Left) enables the creation and viewing of reports that can accommodate languages that are read from right to left, such as Arabic, Hebrew, Persian, Urdu, and so on. In the context of report design, this involves aligning text, tables, charts, and interface elements in a way that respects the natural reading direction of said languages, so that the report is displayed correctly for the target audience. Support for RTL languages is a key capability for developers and organizations operating in multilingual environments, ensuring users working in these languages can design, view, and interpret reports accurately and comfortably within the reporting application.

Several Vue.js reporting components include RTL support, including:

  • DevExpress Reporting offers Vue.js developers comprehensive report controls that support right-to-left layout alignment for RTL language environments.
  • ActiveReportsJS by MESCIUS lets you design and preview RTL-based reports with proper text alignment, layout orientation, and interactive viewing for RTL language users.
  • Stimulsoft Reports.JS also supports Vue.js as well as having built-in RTL rendering to ensure report content aligns as required for right-to-left languages.

For an in-depth analysis of features and price, visit our comparison of Vue.js reporting components.

Compare Vue.js Report Components