在建筑材料产品页面上寻找单位转换小部件

我们经营一家在线商店，销售瓷砖、层压板、绝缘材料和其他建筑材料，目前客户必须自己计算实际需要多少包装或盒子。产品以不同单位出售 - 有些按平方米，有些按立方米，有些按件或包装 - 每个包装的覆盖范围因商品而异，这导致了少订或多订和额外退货。

我们需要一个直接嵌入产品卡的小部件，让购物者输入他们的面积或体积，并立即看到相应的平方米、立方米、件数和完整包装，向上取整到最近的完整包装，并附有关于剩余的可见说明。逻辑应根据产品进行配置，因为不同类别的覆盖范围和包装大小不同，数值需要即时更新而无需重新加载页面。

我们正在寻找的内容：
— 面积或体积的输入字段，带单位选择器
— 实时重新计算为平方米、立方米、件数和包装
— 向上取整到完整包装，并附有剩余说明
— 每个产品的覆盖范围和每包装单位的配置
— 与产品卡布局的干净集成，适合移动设备

请分享类似的例子和大致所需时间的估算。