تطوير Bootstrap DatePicker لدعم لتاريخ الهجري (أم القرى)

# المطلوب

تطوير DatePicker الخاص بـ Bootstrap الإصدار (3) ليدعم تاريخ إضافي هو تاريخ أم القرى الهجري ، كما في المرفق : (DatePicker_Sample1)

لمشاهدة الـ DatePicker المراد تطويره ، هنا :

https://bootstrap-datepic...

# تفاصيل المهمة

استخدام نفس أداة DatePicker التي يعرضها Booststrap بالتاريخ الميلادي ، بحيث يتم عرض التاريخ الهجري المقابل في نفس الأداة .

لذلك ، عندما يتم النقر على حقل التاريخ ، يظهر DatePicker الأساسي متضمناً التاريخ الهجري كما هو المرفق : (DatePicker_Sample2)

#الخصائص الفنية

- دعم تعدد اللغات لأسماء الأشهر وأسماء الأيام

- CSS Class Name لأرقام الأيام بالتاريخ الهجري حتى يمكن التحكم في تنسيقه لاحقاً

- عرض اسم الشهر الهجري واسم الشهر الميلادي في نفس المنطقة في DatePicker

- رقم يوم التاريخ الميلادي يكون في الزاوية العليا اليسرى ، بينما رقم يوم التاريخ الهجري المقابل له يكون في الزاوية السفلى اليمنى ، وذلك باستخدام CSS

- التاريخ الميلادي هو التاريخ المعتمد للحقل عند اعتماد رقم تاريخ معين ، بينما التاريخ الهجري فقط للعرض في DatePicker

- قيمة الحقل الذي يظهر أعلى DatePicker دائما يظهر التاريخ الميلادي

# مصادر يمكن الاستفادة منها

Umm Al Qura Calendar

https://github.com/kbwood...

keith-wood Library

http://keith-wood.name/ca...

Bootstrap Datepicker :

https://bootstrap-datepic...