(fix) SJT-134 Fix the filter on the payment history module the date picker is not working

packages/esm-billing-app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ehospital/esm-billing-app",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Billing frontend module for use in O3",
   "browser": "dist/ehospital-esm-billing-app.js",
   "main": "src/index.ts",
@@ -121,5 +121,5 @@
     "*.{js,jsx,ts,tsx}": "eslint --cache --fix"
   },
   "packageManager": "[email protected]",
-  "gitHead": "309055b8757f9eca2383037d81b0b3a25c8a185d"
+  "gitHead": "f19e24d58352ac6751152ffcc6639947592d7645"
 }

packages/esm-billing-app/src/billable-services/payment-history/empty-patient-bill.component.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import styles from './patient-bills-dashboard.scss';
+import { EmptySvg } from './empty-svg.component';
+import LeftPanel from '../../left-panel/left-panel.component';
+
+type EmptyPatientBillProps = {
+  title?: string;
+  subTitle?: string;
+};
+const EmptyPatientBill: React.FC<EmptyPatientBillProps> = ({ title, subTitle }) => {
+  const { t } = useTranslation();
+  return (
+    <>
+    <LeftPanel/>
+      <div className={styles.emptyStateContainer}>
+        <EmptySvg />
+        <p className={styles.title}>{title ?? t('searchForAPatient', 'Search for a patient')}</p>
+        <p className={styles.subTitle}>
+          {subTitle ?? t('enterAnIdNumberOrPatientName', 'Enter an ID number or patient name')}
+        </p>
+      </div>
+    </>
+  );
+};
+
+export default EmptyPatientBill;