useDateFormatter Hook

Localized date formatting with Intl API

ReactDatesLocalization

useDateFormatter

Format dates with different locales and styles

Formatted Date: Friday, October 20, 2023

Copy source code and paste it in hooks/devsloka-hooks folder

hooks/devsloka-hooks/use-date-formatter.tsx

1"use client";
2import { useMemo } from "react";
3
4export const useDateFormatter = (
5 options?: Intl.DateTimeFormatOptions,
6 locale?: string
7) => {
8 const formatter = useMemo(
9 () => new Intl.DateTimeFormat(locale, options),
10 [locale, options]
11 );
12
13 const formatDate = (date: Date | string | number): string => {
14 return formatter.format(new Date(date));
15 };
16
17 return formatDate;
18};