feat: list date on program page

src/pages/Home.jsx

@@ -58,7 +58,7 @@ const Home = () => {
     setShowEndProgramPoint,
     onEndProgramPointConfirm,
     onEndProgramPointCancel,
-  ] = useActionConfirm(endProgramPoint);
+  ] = useActionConfirm(endProgramPoint, programEntry);
 
   const onEditProgramConfirm = async (newTitle) => {
     await renameProgramPoint.run({ programEntry, newTitle });

src/pages/Program.jsx

@@ -45,8 +45,13 @@ const Schedule = () => {
                   </Chip>
                 )}
               </div>
-              <div className="w-32 flex items-start head-heavy-xs md:head-heavy-base text-center">
-                <span>{format(entry.expectedStartAt, "H:mm")}</span>
+              <div className="w-full md:w-32 flex flex-row md:flex-col items-center md:items-stretch md:text-right md:pr-8">
+                <p className="head-heavy-xs md:head-heavy-base">
+                  {format(entry.expectedStartAt, "H:mm")}
+                </p>
+                <p className="ml-auto md:ml-0 head-heavy-xs md:head-heavy-xs md:text-grey-200">
+                  {format(entry.expectedStartAt, "d.M.Y")}
+                </p>
               </div>
               <div className="flex-grow w-full">
                 <h2 className="head-heavy-xs md:head-heavy-base mb-1">