How to use Date pipe in Angular?

 Here's an example of how to use the DatePipe in Angular to format a date:

1. First, import the DatePipe from the @angular/common module:

import { DatePipe } from '@angular/common';

2. Inject the DatePipe into your component's constructor:

constructor(private datePipe: DatePipe) { }

3. Use the transform() method of the DatePipe to format a date in your component's template:

<p>The current date is {{ today | date:'fullDate' }}</p>

In this example, today is a date object that represents the current date and time. The date pipe is used to format this date as a full date string, which includes the day of the week, month, day, and year. The resulting output will look something like this:

The current date is Monday, March 21, 2023

You can customize the formatting of the date by specifying different date formats as the second argument to the date pipe. For example, you could use 'shortDate' to format the date as a short date string, or 'MMM d, y h:mm a' to format the date as a custom string that includes the month abbreviation, day of the month, year, and time in hours and minutes.